/* BattleBytes design tokens — the single source of truth (see DESIGN.md) */
@font-face { font-family: "Barlow Condensed"; font-weight: 500; font-display: swap; src: url("/fonts/barlow-condensed-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap; src: url("/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap; src: url("/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-display: swap; src: url("/fonts/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-display: swap; src: url("/fonts/barlow-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap; src: url("/fonts/barlow-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 400; font-display: swap; src: url("/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 500; font-display: swap; src: url("/fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 400; font-display: swap; src: url("/fonts/source-serif-4-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 600; font-display: swap; src: url("/fonts/source-serif-4-latin-600-normal.woff2") format("woff2"); }

:root {
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-ui: "Barlow", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-serif: "Source Serif 4", Georgia, serif;

  --bg: #0B0D10; --surface: #12151A; --surface-2: #1A1E25;
  --line: #2A2F38; --line-strong: #3A414D;
  --ink: #E6E2D6; --ink-muted: #8B9099; --ink-faint: #5C626C;
  --amber: #D9A441; --amber-dim: #8A6A2B; --red: #C8372D; --blue: #4C7FB8; --green: #5E8C5A; --violet: #8A6FB5;
  --paper: #1C1A17; --paper-ink: #CFC5AD; --paper-line: #3B362E;
  --space: #05070A; --atmo: #3C5A7A;
  --shadow: 0 8px 24px rgba(0,0,0,.45);
  --ease: cubic-bezier(.2,.7,.2,1);
  --header-h: 48px;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #F1EDE3; --surface: #FAF7F0; --surface-2: #FFFFFF;
  --line: #D8D1C2; --line-strong: #BDB4A1;
  --ink: #1C1A17; --ink-muted: #5F5A50; --ink-faint: #8E8778;
  --amber: #A9741B; --amber-dim: #C9A66B; --red: #B22E24; --blue: #35618F; --green: #4A7446; --violet: #6B5494;
  --paper: #E9DFC7; --paper-ink: #2B2520; --paper-line: #B9AD92;
  --space: #0B0D10; --atmo: #6B8DB3;
  --shadow: 0 8px 24px rgba(40,30,10,.18);
  color-scheme: light;
}