/* ============================================================
   NICK TAKKENBERG | DESIGN TOKENS
   Single source of truth for color, type, spacing, motion.
   1rem = 16px at the 941px reference frame (root scales fluidly).
   ============================================================ */

:root {
  /* -- Color · surface -- */
  --c-bg:        #171310;   /* page charcoal */
  --c-bg-deep:   #0F0C09;   /* hero wall / darkest */
  --c-panel:     #151412;   /* section panel */
  --c-card:      #1E1913;   /* raised card */
  --c-card-soft: #181613;   /* quote / secondary card */

  /* -- Color · ink -- */
  --c-ink:       #F2EFE6;   /* warm off-white */
  --c-ink-dim:   #B7B1A3;   /* body copy */
  --c-ink-faint: #8E897D;   /* metadata */

  /* -- Color · accent -- */
  --c-gold:      #C69A35;   /* mineral ochre */
  --c-gold-soft: #B29358;   /* muted label ochre */
  --c-gold-deep: #8F7430;   /* pressed / deep ochre */
  --c-gold-ink:  #201A0E;   /* text on gold */

  /* -- Color · lines -- */
  --line-soft:   rgba(242, 239, 230, 0.08);
  --line-softer: rgba(242, 239, 230, 0.05);
  --line-gold:   rgba(198, 154, 53, 0.38);
  --line-gold-soft: rgba(198, 154, 53, 0.22);

  /* -- Type families -- */
  --f-serif: "EB Garamond", "Iowan Old Style", Georgia, serif;
  --f-sans:  "Inter", "Helvetica Neue", Arial, sans-serif;
  --f-script:"Great Vibes", cursive;

  /* -- Type scale (reference px ÷ 16) -- */
  --fs-nav:      0.625rem;    /* 10  nav / micro caps */
  --fs-micro:    0.5625rem;   /* 9   tags, footer meta */
  --fs-label:    0.6875rem;   /* 11  section labels */
  --fs-body-s:   0.71875rem;  /* 11.5 dense body */
  --fs-body:     0.78125rem;  /* 12.5 body */
  --fs-lead:     0.8125rem;   /* 13  hero sub / leads */
  --fs-title-s:  0.9375rem;   /* 15  article titles */
  --fs-title:    0.9375rem;   /* 15  video titles */
  --fs-card-h:   1.28125rem;  /* 20.5 focus card headings */
  --fs-case-h:   1.4375rem;   /* 23  case title */
  --fs-cta-h:    1.8125rem;   /* 29  CTA heading */
  --fs-hero:     2.25rem;     /* 36  hero headline */
  --fs-stat:     1.625rem;    /* 26  case stats */

  /* -- Tracking -- */
  --ls-caps:  0.14em;
  --ls-wide:  0.18em;
  --ls-btn:   0.12em;

  /* -- Spacing rhythm -- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 2.5rem;   /* 40 | page gutter */
  --sp-8: 3.5rem;

  /* -- Layout -- */
  --gutter: 2.5rem;        /* 40 ref px */
  --header-h: 3.25rem;     /* 52 */
  --hero-h: 29.375rem;     /* 470 */
  --radius: 2px;

  /* -- Motion -- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 220ms;
  --t-med: 420ms;
  --t-slow: 900ms;
}

/* Fluid reference frame: 16px at 941vw, proportional above/below,
   pinned for very large screens. Breakpoint files re-pin for touch. */
html { font-size: calc(100vw / 58.8125); }
@media (min-width: 1720px) { html { font-size: 29.25px; } }
@media (max-width: 900px) { html { font-size: 16px; } }