/* ============================================
   Design Tokens — Tejal Desae (Revamped 2026)
   Brand: Forest Green · Gold · Warm Neutral · White
   ============================================ */

:root {
  /* ── Core Brand Palette ── */
  --forest:        #154230;
  --forest-deep:   #0E3122;
  --forest-mid:    #1D5540;
  --forest-light:  #2A6B52;
  --forest-rgb:    21, 66, 48;

  --gold:          #e6d3a3;
  --gold-deep:     #C7AC6D;
  --gold-text:     #A0833B;
  --gold-rgb:      230, 211, 163;
  --gold-deep-rgb: 199, 172, 109;

  --sand:          #e4d9c4;
  --sand-rgb:      228, 217, 196;
  --sand-light:    #F0E9D8;
  --sand-lt:       #EFE8D9;

  --paper:         #FBFAF5;
  --white:         #FFFFFF;
  --ink:           #23302A;
  --ink-soft:      rgba(35, 48, 42, 0.74);
  --ink-faint:     rgba(35, 48, 42, 0.50);

  /* ── Legacy aliases (keep existing pages working) ── */
  --blush:           var(--sand-light);
  --blush-rgb:       240, 233, 216;
  --champagne:       var(--gold);
  --champagne-rgb:   var(--gold-rgb);
  --cognac:          var(--gold-deep);
  --cognac-rgb:      var(--gold-deep-rgb);
  --amber:           #C7AC6D;
  --amber-rgb:       199, 172, 109;
  --emerald:         var(--forest);
  --emerald-rgb:     var(--forest-rgb);
  --espresso:        var(--ink);
  --espresso-rgb:    35, 48, 42;

  /* ── Semantic ── */
  --bg-primary:       var(--paper);
  --bg-primary-rgb:   251, 250, 245;
  --bg-secondary:     var(--sand);
  --bg-accent:        var(--forest);

  --text-main:        var(--ink);
  --text-muted:       rgba(35, 48, 42, 0.60);
  --text-on-dark:     var(--gold);

  /* ── Alpha Tokens ── */
  --gold-08:   rgba(var(--gold-rgb), 0.08);
  --gold-12:   rgba(var(--gold-rgb), 0.12);
  --gold-20:   rgba(var(--gold-rgb), 0.20);
  --gold-30:   rgba(var(--gold-rgb), 0.30);
  --forest-08: rgba(var(--forest-rgb), 0.08);
  --forest-20: rgba(var(--forest-rgb), 0.20);

  /* ── Gradients ── */
  --gold-grad: linear-gradient(135deg, #F2E7C6, #E6D3A3 46%, #C7AC6D);
  --forest-grad: linear-gradient(160deg, var(--forest), var(--forest-deep));

  /* ── Typography ── */
  --serif:       'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --sans:        'Jost', 'Montserrat', sans-serif;

  --font-bold:   600;
  --font-medium: 500;
  --font-light:  300;

  /* ── Spacing Scale ── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 80px;
  --space-3xl: 120px;

  /* ── Layout ── */
  --max-width:  1200px;
  --nav-height: 80px;

  /* ── Transitions ── */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:     cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-normal: 0.3s;
  --duration-slow:   0.6s;

  /* ── Program card numbers — visible, not blending ── */
  --program-num-color:   rgba(230, 211, 163, 0.45);
  --program-num-dark:    rgba(21,  66,  48,  0.20);  /* on light backgrounds */
  --radius-sm: 3px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* ── Shadows ── */
  --shadow-card: 0 28px 60px -42px rgba(21, 66, 48, 0.40);
  --shadow-nav:  0 4px 24px rgba(21, 66, 48, 0.08);
}