/*
 Theme Name:   AHR Child
 Theme URI:    https://ahmedhamdyraouf.com
 Description:  AHR Child Theme — Built on Astra
 Author:       Ahmed Hamdy Raouf
 Template:     astra
 Version:      1.3.1
 Text Domain:  ahr-child
*/

/* ============================================================
   AHR DESIGN SYSTEM v1.1 — CSS VARIABLES (TOKENS)
   ============================================================ */

:root {
  --bg-deep:        #050505;
  --bg-dark:        #0a0a0a;
  --bg-surface:     #111111;
  --bg-raised:      #1a1a1a;
  --bg-hover:       #1e1e1e;
  --gold-primary:   #c7a86b;
  --gold-light:     #d6b57a;
  --gold-dim:       #a8884f;
  --gold-subtle:    rgba(199,168,107,0.08);
  --gold-border:    rgba(199,168,107,0.30);
  --text-primary:   #ffffff;
  --text-secondary: #bbbbbb;
  --text-muted:     #777777;
  --text-accent:    #c7a86b;
  --border-subtle:  rgba(255,255,255,0.05);
  --border-light:   rgba(255,255,255,0.08);
  --border-medium:  rgba(255,255,255,0.12);
  --state-success:  #2ecc71;
  --state-error:    #e74c3c;
  --state-warning:  #f39c12;
  --overlay-dark:   rgba(0,0,0,0.75);
  --overlay-deeper: rgba(0,0,0,0.92);
  --font-display:   'Playfair Display', serif;
  --font-body:      'Readex Pro', sans-serif;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   25px;
  --radius-2xl:  30px;
  --radius-3xl:  35px;
  --radius-full: 9999px;
  --shadow-sm:   0 4px 15px rgba(0,0,0,0.20);
  --shadow-md:   0 10px 30px rgba(0,0,0,0.30);
  --shadow-lg:   0 20px 50px rgba(0,0,0,0.35);
  --shadow-xl:   0 30px 80px rgba(0,0,0,0.45);
  --shadow-gold: 0 0 30px rgba(199,168,107,0.15);
  --transition-fast:   0.2s ease;
  --transition-base:   0.3s ease;
  --transition-slow:   0.4s ease;
  --transition-slower: 0.5s ease;
  --transition-image:  1.0s ease;
}

body {
  background-color: var(--bg-dark);
  color: var(--text-primary);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--text-accent); text-decoration: none; transition: color var(--transition-base); }
a:hover { color: var(--gold-light); }
img { max-width: 100%; display: block; }

.ahr-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.ahr-reveal.ahr-visible {
  opacity: 1;
  transform: translateY(0);
}