/* ============================================================
   GC INTEGRATIVE — DESIGN TOKENS
   Clinical Sci-Fi Warmth · gold/silver metal · warm wood · pearl · charcoal
   Single source of truth for color, type, space, motion.
   ============================================================ */

:root {
  /* ---- Neutrals: cinematic dark ---- */
  --ink-900: #0C0D10;
  --ink-850: #0F1115;
  --ink-800: #14161C;
  --ink-700: #1C1F27;
  --ink-600: #262A34;
  --ink-500: #353A46;

  /* ---- Neutrals: warm light / pearl ---- */
  --paper:   #FFFFFF;
  --pearl:   #F7F3EC;   /* primary warm light bg */
  --pearl-2: #FCFAF4;
  --clay:    #EFE8DC;   /* warm card on light */
  --mist:    #E9E5DD;   /* clinical light grey */
  --sand:    #E3D9C7;

  /* ---- Text ---- */
  --text:        #16181D;
  --text-soft:   #50545C;
  --text-mut:    #82868E;
  --on-dark:        #F3EFE8;
  --on-dark-soft:   rgba(243,239,232,.74);
  --on-dark-mut:    rgba(243,239,232,.52);

  /* ---- Lines / borders ---- */
  --line:       rgba(20,20,28,.12);
  --line-soft:  rgba(20,20,28,.08);
  --line-dark:  rgba(255,255,255,.12);
  --line-dark-soft: rgba(255,255,255,.07);

  /* ---- Brand metals ---- */
  --gold:    #C9A24B;
  --gold-1:  #EACE82;   /* highlight */
  --gold-2:  #A67E32;   /* shadow */
  --gold-deep:#8A6526;
  --silver:  #C2C7CF;
  --silver-1:#E8EBEF;
  --silver-2:#9197A1;
  --wood:    #6E4A2B;
  --wood-1:  #8A5E37;
  --wood-2:  #43301E;
  --bronze:  #997542;

  /* ---- Metal gradients (match the GC logo) ---- */
  --grad-metal: linear-gradient(115deg, #EFD79A 0%, #C9A24B 28%, #9C7B36 46%, #8E939C 58%, #C2C7CF 74%, #EBEEF2 100%);
  --grad-gold:  linear-gradient(135deg, #EFD79A 0%, #C9A24B 52%, #9C7430 100%);
  --grad-silver:linear-gradient(135deg, #EDF0F3 0%, #C2C7CF 52%, #8E949E 100%);
  --grad-hero:  radial-gradient(120% 90% at 78% 18%, rgba(201,162,75,.20) 0%, rgba(201,162,75,0) 46%),
                radial-gradient(120% 120% at 12% 100%, rgba(110,74,43,.30) 0%, rgba(110,74,43,0) 50%),
                linear-gradient(180deg, #0C0D10 0%, #121319 60%, #0C0D10 100%);
  --grad-wood:  linear-gradient(165deg, #2A1C10 0%, #1A1209 60%, #0E0A05 100%);

  /* ---- Glows ---- */
  --glow-gold:  rgba(201,162,75,.40);
  --glow-gold-soft: rgba(201,162,75,.18);
  --glow-silver:rgba(194,199,207,.30);

  /* ---- Typography ---- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-display: clamp(2.7rem, 6.2vw, 5.4rem);
  --fs-h1:      clamp(2.2rem, 4.6vw, 3.85rem);
  --fs-h2:      clamp(1.85rem, 3.5vw, 2.95rem);
  --fs-h3:      clamp(1.35rem, 2.1vw, 1.9rem);
  --fs-h4:      1.2rem;
  --fs-lead:    clamp(1.08rem, 1.5vw, 1.36rem);
  --fs-body:    1.0625rem;
  --fs-sm:      0.9375rem;
  --fs-xs:      0.8125rem;
  --fs-eyebrow: 0.76rem;

  --lh-tight: 1.06;
  --lh-snug:  1.22;
  --lh-body:  1.68;
  --tr-eyebrow: 0.22em;
  --tr-tight: -0.02em;
  --tr-display: -0.025em;

  /* ---- Spacing (8pt) ---- */
  --s-1: .25rem; --s-2: .5rem;  --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.25rem; --s-6: 1.5rem; --s-8: 2rem;  --s-10: 2.5rem;
  --s-12: 3rem;  --s-16: 4rem;  --s-20: 5rem;  --s-24: 6rem; --s-32: 8rem;

  --sec-y:  clamp(4.5rem, 8.5vw, 9rem);
  --sec-y-sm: clamp(3rem, 5vw, 5rem);
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* ---- Layout widths ---- */
  --maxw: 1240px;
  --maxw-wide: 1440px;
  --maxw-narrow: 860px;
  --maxw-text: 680px;

  /* ---- Radii ---- */
  --r-xs: 6px; --r-sm: 10px; --r: 16px; --r-lg: 24px; --r-xl: 34px; --r-pill: 999px;

  /* ---- Shadows (warm, layered) ---- */
  --sh-1: 0 1px 2px rgba(28,22,12,.06), 0 2px 6px rgba(28,22,12,.05);
  --sh-2: 0 4px 12px rgba(28,22,12,.08), 0 12px 28px -8px rgba(28,22,12,.12);
  --sh-3: 0 10px 30px -6px rgba(28,22,12,.14), 0 28px 60px -20px rgba(28,22,12,.22);
  --sh-card: 0 1px 0 rgba(255,255,255,.6) inset, 0 12px 34px -16px rgba(40,30,16,.30);
  --sh-gold: 0 8px 30px -8px rgba(201,162,75,.45);
  --sh-dark: 0 24px 70px -24px rgba(0,0,0,.6);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease: cubic-bezier(.4,0,.2,1);
  --ease-in-out: cubic-bezier(.65,.05,.36,1);
  --dur: .6s; --dur-2: .9s; --dur-fast: .28s;

  /* ---- Z ---- */
  --z-bg: 0; --z-base: 1; --z-rail: 60; --z-drawer: 90; --z-header: 95; --z-modal: 100;
}