/* BLINDFLOOR design tokens (LANDING owns this file; /app, /ledger, /docs, /proof reuse it).
   Variable names are stable: rename nothing, only add. Fonts are self-hosted (no third-party requests). */

@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/michroma-400-latin.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: 'Red Hat Mono';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url('/fonts/red-hat-mono-var-latin.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 {
  color-scheme: dark;

  /* --- color --- */
  --bg: #050608;            /* page */
  --panel: #0b0d12;         /* raised surface (cards, inputs) */
  --panel-2: #10131a;       /* hover / nested surface */
  --line: #1c2029;          /* hairlines, borders */
  --line-2: #2a2f3b;        /* stronger border (inputs, focus-less controls) */
  --text: #D9DEE6;          /* body text + particles */
  --text-dim: #8a93a3;      /* secondary text (≥ 4.5:1 on --bg) */
  --text-faint: #646c7a;    /* tertiary: captions, units (large or non-essential text only) */
  --accent: #8B7CFF;        /* price plane, links, focus, primary actions */
  --accent-hi: #B4AAFF;     /* accent text on dark when small */
  --accent-tint: rgba(139, 124, 255, 0.12);
  --accent-line: rgba(139, 124, 255, 0.45);
  --hot: #FFFFFF;           /* "fired" white, only for fired states */
  --hot-2: #D9DEE6;         /* fired fade-out */
  /* no green/red anywhere: states are accent/silver + text */

  /* --- type --- */
  --font-head: 'Michroma', 'Syncopate', 'Eurostile', system-ui, sans-serif;  /* headlines: uppercase, tracking .08em */
  --font-mono: 'Red Hat Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;  /* numbers, hashes */
  --font-body: 'Red Hat Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --track-head: 0.08em;
  --track-label: 0.14em;

  --fs-2xs: 10.5px;  /* labels, eyebrow caps */
  --fs-xs: 11.5px;
  --fs-sm: 12.5px;
  --fs-base: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: clamp(22px, 2.1vw, 30px);   /* landing headline */
  --fs-2xl: clamp(28px, 4vw, 52px);    /* section display */
  --lh-tight: 1.2;
  --lh-body: 1.6;

  /* --- space (4px base) --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --gutter: clamp(16px, 2.4vw, 32px);

  /* --- shape / motion --- */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 8px;
  --bar-h: 56px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 180ms;
}
