/* ============================================
   tokens.css — Design Tokens (edit here first)
   ============================================ */

:root {
  /* Brand Colors */
  --gold:           #fed65b;
  --gold-dim:       #c9a93a;
  --gold-dark:      #a87c00;
  --teal:           #00e5c8;
  --teal-dim:       rgba(0, 229, 200, 0.15);

  /* Surfaces */
  --bg:             #030e08;
  --bg-mid:         #060f08;
  --card:           #0d1f16;
  --card-2:         #0a1a10;
  --forest:         #062c1e;
  --forest-mid:     #0a3d28;

  /* Text */
  --text:           rgba(255, 255, 255, 0.88);
  --text-dim:       rgba(255, 255, 255, 0.45);
  --text-faint:     rgba(255, 255, 255, 0.22);
  --text-green:     rgba(196, 236, 214, 0.65);

  /* Typography */
  --font-display:   'Plus Jakarta Sans', sans-serif;
  --font-body:      'Manrope', sans-serif;

  /* Spacing scale */
  --space-xs:       8px;
  --space-sm:       16px;
  --space-md:       24px;
  --space-lg:       48px;
  --space-xl:       80px;
  --space-2xl:      120px;

  /* Layout */
  --max-width:      1320px;
  --radius:         14px;
  --radius-sm:      10px;
  --radius-pill:    99px;

  /* Shadows */
  --shadow-gold:    0 0 32px rgba(254, 214, 91, 0.3);
  --shadow-card:    0 24px 64px rgba(0, 0, 0, 0.35);
}