/* ==========================================================================
   GBM Studies — Prototype 01 "Emerald Charter"
   Design tokens. Every colour, size, curve and duration used by the
   homepage and the token sheet comes from this file.
   ========================================================================== */

:root {
  /* ---- Brand: Emerald (from the crest field) ---- */
  --emerald-950: #03110b;
  --emerald-900: #061c14;
  --emerald-850: #0a261b;
  --emerald-800: #0e3324;
  --emerald-700: #144430;
  --emerald-600: #1b5a40;
  --emerald-500: #23704f;
  --emerald-300: #7fae97;

  /* ---- Brand: Champagne gold (from the laurel + cap) ---- */
  --gold-700: #8a6a2f;
  --gold-600: #a8843f;
  --gold-500: #c5a15a;
  --gold-400: #d6b97c;
  --gold-300: #e6d3a6;
  --gold-100: #f6eedb;

  /* ---- Neutrals: Ivory paper + Sand (warm) + Ink ---- */
  --ivory-50: #fbf9f4;
  --ivory-100: #f5f1e7;
  --sand-200: #ebe3d1;
  --sand-300: #ddd2b9;
  --ink-900: #0c1511;
  --ink-700: #2b3631;
  --ink-500: #5b6660;
  --ink-300: #9aa39e;

  /* ---- Semantic surfaces ---- */
  --surface-dark: var(--emerald-900);
  --surface-deep: var(--emerald-950);
  --surface-light: var(--ivory-50);
  --surface-warm: var(--sand-200);
  --line-dark: rgba(230, 211, 166, 0.16);
  --line-light: rgba(12, 21, 17, 0.12);

  /* ---- Gradients ---- */
  --grad-gold: linear-gradient(120deg, #a8843f 0%, #e6d3a6 45%, #c5a15a 60%, #8a6a2f 100%);
  --grad-emerald: radial-gradient(120% 120% at 20% 0%, #1b5a40 0%, #0a261b 45%, #03110b 100%);

  /* ---- Typography ---- */
  --font-display: "Instrument Serif", "Times New Roman", serif;
  --font-sans: "Geist", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "Consolas", monospace;

  /* Fluid type scale (min @ 375px → max @ 1440px) */
  --fs-mega: clamp(3.6rem, 1.2rem + 10.5vw, 11rem);
  --fs-h1: clamp(2.9rem, 1.6rem + 5.4vw, 6.4rem);
  --fs-h2: clamp(2.3rem, 1.5rem + 3.4vw, 4.6rem);
  --fs-h3: clamp(1.6rem, 1.25rem + 1.4vw, 2.4rem);
  --fs-h4: clamp(1.2rem, 1.1rem + 0.45vw, 1.5rem);
  --fs-lead: clamp(1.08rem, 1rem + 0.35vw, 1.3rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.72rem;

  --lh-tight: 0.98;
  --lh-snug: 1.15;
  --lh-body: 1.65;
  --tracking-label: 0.18em;
  --tracking-display: -0.015em;

  /* ---- Spacing (8pt base, airy) ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --section-y: clamp(6rem, 4rem + 8vw, 11rem);
  --gutter: clamp(1rem, 0.4rem + 3vw, 3.5rem);
  --container: 1320px;

  /* ---- Radii ---- */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --radius-pill: 999px;

  /* ---- Elevation ---- */
  --shadow-sm: 0 1px 2px rgba(6, 28, 20, 0.06), 0 2px 8px rgba(6, 28, 20, 0.05);
  --shadow-md: 0 10px 30px -10px rgba(6, 28, 20, 0.25);
  --shadow-lg: 0 40px 80px -30px rgba(6, 28, 20, 0.45);
  --shadow-gold: 0 20px 60px -20px rgba(197, 161, 90, 0.55);
  --ring-gold: 0 0 0 1px rgba(214, 185, 124, 0.45);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* expo-out: reveals */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);   /* curtains, wipes */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* seals, badges */
  --dur-fast: 220ms;
  --dur-base: 480ms;
  --dur-slow: 900ms;
  --dur-curtain: 1400ms;

  /* ---- Layers ---- */
  --z-nav: 50;
  --z-cursor: 90;
  --z-loader: 100;
}