:root {
  /* ─────────────────────────────────────────────────────────────────────────
     Al Madina Travels — Design Tokens  (amt- namespace)
     Emerald Green × Antique Gold × Warm Cream
  ───────────────────────────────────────────────────────────────────────── */

  /* ── PRIMARY: Emerald Green (faith, trust, Madinah Green Dome) ── */
  --amt-primary:        #0B5239;
  --amt-primary-hover:  #15784F;
  --amt-primary-active: #094530;
  --amt-primary-light:  #E8F5EE;
  --amt-primary-rgb:    11, 82, 57;

  /* ── DARK: Deep Pine (hero overlays, header, footer) ── */
  --amt-dark:           #062E20;
  --amt-dark-hover:     #0A3D2B;
  --amt-dark-rgb:       6, 46, 32;

  /* ── ACCENT: Antique Gold (premium feel, CTAs, highlights) ── */
  --amt-accent:         #C99F3E;
  --amt-accent-hover:   #D4AF56;
  --amt-accent-dark:    #A8821F;
  --amt-accent-light:   #F6EFD9;
  --amt-accent-rgb:     201, 159, 62;

  /* ── BACKGROUNDS ── */
  --amt-bg-page:          #FBF8F1;
  --amt-bg-section-alt:   #F6EFD9;
  --amt-bg-card:          #FFFFFF;
  --amt-bg-dark-section:  #062E20;
  --amt-bg-overlay:       rgba(6, 46, 32, 0.88);

  /* ── TEXT ── */
  --amt-text-primary:         #211F1A;
  --amt-text-secondary:       #6E685C;
  --amt-text-tertiary:        #8A8270;
  --amt-text-on-dark:         #F4ECD2;
  --amt-text-on-dark-muted:   #A8C4B3;
  --amt-text-on-primary:      #FFFFFF;
  --amt-text-link:            #0B5239;
  --amt-text-link-hover:      #15784F;

  /* ── BORDERS ── */
  --amt-border-light:    #ECE4D4;
  --amt-border-medium:   #DBCFB8;
  --amt-border-dark:     rgba(201, 159, 62, 0.3);
  --amt-border-on-dark:  rgba(201, 159, 62, 0.25);

  /* ── URGENCY ── */
  --amt-urgency:        #B14A33;
  --amt-urgency-light:  #FBEDE8;
  --amt-urgency-text:   #7A2E1F;

  /* ── SUCCESS / INFO ── */
  --amt-success:       #0B5239;
  --amt-success-light: #E8F5EE;
  --amt-info:          #1A6B8A;
  --amt-info-light:    #E6F2F7;

  /* ── SHADOWS ── */
  --amt-shadow-sm:          0 1px 3px rgba(6, 46, 32, 0.06);
  --amt-shadow-md:          0 4px 12px rgba(6, 46, 32, 0.08);
  --amt-shadow-lg:          0 8px 30px rgba(6, 46, 32, 0.10);
  --amt-shadow-card:        0 2px 8px rgba(6, 46, 32, 0.05);
  --amt-shadow-card-hover:  0 8px 24px rgba(6, 46, 32, 0.12);
  --amt-shadow-button:      0 4px 16px rgba(201, 159, 62, 0.30);
  --amt-shadow-button-hover:0 6px 24px rgba(201, 159, 62, 0.40);

  /* ── TYPOGRAPHY ── */
  --amt-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --amt-font-body:    'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --amt-font-arabic:  'IBM Plex Sans Arabic', 'Amiri', 'Traditional Arabic', serif;
  --amt-font-urdu:    'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif;
  --amt-font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  /* ─────────────────────────────────────────────────────────────────────────
     Backward-compat aliases — existing var(--color-*) references in CSS
     automatically pick up the new palette without touching every rule.
  ───────────────────────────────────────────────────────────────────────── */
  --color-primary:      var(--amt-primary);
  --color-secondary:    var(--amt-dark);
  --color-bg:           var(--amt-bg-page);
  --color-bg-dark:      var(--amt-bg-dark-section);
  --color-accent-light: var(--amt-accent-light);
  --color-text:         var(--amt-text-primary);
  --color-text-light:   var(--amt-text-secondary);
  --color-text-on-dark: var(--amt-text-on-dark);
  --color-border:       var(--amt-border-light);

  /* font aliases */
  --font-heading: var(--amt-font-display);
  --font-body:    var(--amt-font-body);

  /* size / layout (unchanged) */
  --h1-size:            clamp(2rem, 4.5vw, 3.2rem);
  --h2-size:            clamp(1.6rem, 3.5vw, 2.4rem);
  --h3-size:            clamp(1.25rem, 2.5vw, 1.75rem);
  --body-size:          16px;
  --container-width:    1320px;
  --radius-pill:        10px;
  --radius-card:        14px;

  --announcement-height: 40px;
  --navbar-height:       80px;

  /* shadow aliases */
  --shadow-card:   var(--amt-shadow-card);
  --shadow-button: var(--amt-shadow-button);

  /* transitions */
  --transition-base: 0.25s ease;
}