/* ============================================================================
   tokens.css — the single source of truth for design values.
   Components reference these tokens only; no raw "magic numbers" downstream.
   Palette and type per the approved mockup (Space Grotesk + Hanken Grotesk).
   ========================================================================== */

:root {
  /* ---- Palette ------------------------------------------------------------ */
  --c-cream:        #f3eee2;   /* page background                              */
  --c-card:         #fbf9f2;   /* raised light cards                           */
  --c-ink:          #1b2236;   /* primary text; navy founder card             */
  --c-ink-soft:     #5d6471;   /* secondary text (AA on cream & card)         */
  --c-rust:         #b1442b;   /* accent: eyebrows, links (AA on cream)       */
  --c-gold:         #cf9a3b;   /* primary buttons; eyebrow on navy            */
  --c-on-navy:      #f3eee2;   /* text on the navy founder card               */
  --c-on-navy-soft: #9aa2b2;   /* muted text on navy (AA)                      */
  --c-line:         #e4ddcb;   /* hairline borders                            */
  --c-line-strong:  #d3cab3;   /* dashed dividers, outline-button borders     */

  --accent:         var(--c-rust);

  /* ---- Typography --------------------------------------------------------- */
  --font-head: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.875rem;
  --text-hero: clamp(2.5rem, 5.2vw, 3.75rem);

  --leading-tight: 1.06;
  --leading-snug:  1.3;
  --leading-body:  1.6;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  --tracking-caps: 0.13em;

  /* ---- Spacing scale ------------------------------------------------------ */
  --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;

  /* ---- Layout ------------------------------------------------------------- */
  --container:       64rem;
  --measure:         36rem;
  --radius:          10px;
  --radius-sm:       6px;
  --radius-card:     18px;
  --border-hairline: 1px solid var(--c-line);
  --braid-strip-h:   3.25rem;

  --shadow-card:
    0 1px 2px color-mix(in srgb, var(--c-ink) 6%, transparent),
    0 14px 34px -16px color-mix(in srgb, var(--c-ink) 20%, transparent);

  /* ---- Motion ------------------------------------------------------------- */
  --transition-fast: 140ms ease;
  --transition:      220ms ease;
}