/* ==========================================================================
   tokens.css — Neon Tiger Group shared design tokens
   Font option A (LOCKED 2026-10-20): Fraunces (headings) + Manrope (body).
   Self-hosted woff2, Latin subset, font-display: swap. Licenses: fonts/OFL-*.txt
   Everything ABOVE the "DOOR BLOCK" marker is identical in all six repos.
   Only the DOOR BLOCK (palette + heading treatment + neon color) differs.
   ========================================================================== */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/fraunces-latin-full-normal.woff2") format("woff2-variations"),
       url("../fonts/fraunces-latin-full-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/fraunces-latin-full-italic.woff2") format("woff2-variations"),
       url("../fonts/fraunces-latin-full-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2-variations"),
       url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Families */
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Body weights (Manrope) */
  --body-weight: 400;
  --body-weight-strong: 700;
  --label-weight: 600;

  /* Type scale (mobile-first, fluid) */
  --step--2: 0.75rem;
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
  --step-2: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --step-3: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --step-4: clamp(2.25rem, 1.6rem + 3vw, 3.75rem);
  --step-5: clamp(2.75rem, 1.8rem + 4.5vw, 5rem);
  --leading-tight: 1.05;
  --leading-snug: 1.25;
  --leading-body: 1.55;
  --label-tracking: 0.08em;

  /* Spacing */
  --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: 4.5rem;

  /* Layout */
  --measure: 68ch;
  --container: 72rem;
  --gutter: var(--space-4);
  --radius-1: 4px;
  --radius-2: 10px;
  --radius-pill: 999px;
  --border-width: 1px;

  /* Motion: neon flicker-on runs once, never under prefers-reduced-motion */
  --neon-flicker-duration: 1.6s;
}

/* ==========================================================================
   DOOR BLOCK — Teton Tiger
   Palette from Gurnee's brief via vision lock (c); heading treatment = Option A (c);
   neon color from vision lock (d). This is the ONLY section that differs per repo.
   ========================================================================== */
:root {
  --door: "site-tetontiger";
  --color-bg: #0f2a20;
  --color-fg: #f3efe7;
  --color-accent: #c9a24b;   /* heading color */
  --color-muted: #b9b3a6;
  --color-line: #2c4a3d;
  --color-surface: #143428;

  --h-weight: 600;
  --h-opsz: 144;
  --h-soft: 0;
  --h-style: normal;
  --h-transform: none;
  --h-tracking: 0;

  --neon: #ff6a3d;
}