/* ============================================================
   Strata Sports Group — Design tokens
   Source: STRATA_MASTER_DESIGN_SYSTEM.md §21 (verbatim values)
   ============================================================ */

@font-face {
  font-family: "Archivo Narrow";
  src: url("/assets/fonts/archivo-narrow-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Archivo Narrow";
  src: url("/assets/fonts/archivo-narrow-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Archivo Narrow";
  src: url("/assets/fonts/archivo-narrow-latin-700-normal.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-sans-latin-300-normal.woff2") format("woff2");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-sans-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-sans-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-sans-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-sans-latin-700-normal.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/assets/fonts/geist-mono-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/assets/fonts/geist-mono-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/assets/fonts/geist-mono-latin-700-normal.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  color-scheme: light;

  --st-violet: #5746E8;
  --st-violet-press: #4636C8;
  --st-cobalt: #315CF5;
  --st-midnight: #0B1424;
  --st-navy: #102A43;
  --st-bone: #F7F3EA;
  --st-white: #FFFFFF;
  --st-slate: #66758A;
  --st-soft-violet: #E9E6FF;
  --st-hairline: #D9E0E8;
  --st-coral: #F06449;
  --st-success: #2E7D5B;
  --st-error: #B42335;

  /* Supporting inks used by the approved Concept E prototype */
  --st-steel: #8FA0B5;          /* footer secondary ink on Midnight */
  --st-ink-soft: #3D5166;       /* law-card body ink */
  --st-bone-72: rgba(247, 243, 234, 0.72);
  --st-bone-75: rgba(247, 243, 234, 0.75);
  --st-bone-78: rgba(247, 243, 234, 0.78);
  --st-bone-82: rgba(247, 243, 234, 0.82);
  --st-bone-85: rgba(247, 243, 234, 0.85);
  --st-bone-hairline: rgba(247, 243, 234, 0.14);

  --font-display: "Archivo Narrow", "Arial Narrow", sans-serif;
  --font-body: "Geist", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;

  --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: 5rem;
  --space-10: 6rem;
  --space-11: 8rem;
  --space-12: 10rem;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  --content: 1240px;
  --content-wide: 1440px;
  --measure: 68ch;
  --gutter: clamp(20px, 4vw, 48px);
  --section: clamp(4rem, 9vw, 9rem);

  --shadow-float: 0 18px 60px rgb(11 20 36 / 0.14);
}