/* BosTioGaming — generated from tokens.json (tools/gen_tokens.py). Do not edit by hand. */

:root, [data-theme="overlay"] {
  --bg: #050f0e;
  --bg-deep: #030908;
  --panel: #071916;
  --card: #081a17;
  --border: #0f2e29;
  --border-strong: #1f7a70;
  --glow-rim: #0d9488;
  --text: #d7f5ee;
  --dim: #5f8b83;
  --link: #5eead4;
  --action: #5eead4;
  --on-action: #04201c;
  --alert: #fb7185;
  --state-calm: #5eead4;
  --state-flow: #fbbf75;
  --state-tense: #e879f9;
  --spectrum-start: #2dd4bf;
  --band-theta: var(--state-calm);
  --band-alpha: #7dd3fc;
  --band-beta: var(--state-tense);
  --cmd-jaw: #ff5e3a;
  --cmd-jaw-glow: #ff8a3a;
  --cmd-eyebrow: #7cff6b;
  --cmd-eyebrow-glow: #9bff6b;
  --cmd-double-jaw: #ffb347;
  --cmd-double-jaw-glow: #ff8c00;
  --cmd-tilt-left: #a78bfa;
  --cmd-tilt-left-glow: #8b5cf6;
  --cmd-tilt-right: #818cf8;
  --cmd-tilt-right-glow: #6366f1;
  --cmd-tilt-up: #5eead4;
  --cmd-tilt-up-glow: #2dd4bf;
  --cmd-tilt-down: #38bdf8;
  --cmd-tilt-down-glow: #0ea5e9;
  --shadow-rim: inset 0 1px 0 #ffffff05, 0 0 18px #5eead460;
  --shadow-soft: 0 0 14px -2px #2dd4bf40, inset 0 1px 2px #0008;
  --shadow-readout: 0 0 10px #7dd3fc30;
}

[data-theme="paper"] {
  --bg: #eef5f3;
  --bg-deep: #e2edea;
  --panel: #f8fbfa;
  --card: #ffffff;
  --border: #c4d9d4;
  --border-strong: #5f8f86;
  --glow-rim: #0d9488;
  --text: #0a201c;
  --dim: #3d655e;
  --link: #0f766e;
  --action: #0f766e;
  --on-action: #ffffff;
  --alert: #be123c;
  --state-calm: #0f766e;
  --state-flow: #8f5300;
  --state-tense: #a21caf;
  --band-theta: var(--state-calm);
  --band-alpha: #0369a1;
  --band-beta: var(--state-tense);
  --cmd-jaw: #b8321a;
  --cmd-eyebrow: #26701a;
  --cmd-double-jaw: #9a4a00;
  --cmd-tilt-left: #6d41d9;
  --cmd-tilt-right: #4349c9;
  --cmd-tilt-up: #0f766e;
  --cmd-tilt-down: #0369a1;
  --shadow-rim: 0 1px 2px #0a201c1f;
  --shadow-soft: 0 2px 8px -2px #0a201c26;
  --shadow-readout: none;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --font-organic: "Outfit", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-data: "JetBrains Mono", "Courier New", Courier, monospace;
}

.display-xl { font-family: var(--font-organic); font-size: 4.5rem; line-height: 1.0; font-weight: 800; letter-spacing: -0.02em; }
.display-lg { font-family: var(--font-organic); font-size: 3rem; line-height: 1.05; font-weight: 800; letter-spacing: -0.015em; }
.headline { font-family: var(--font-organic); font-size: 2rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.005em; }
.title { font-family: var(--font-organic); font-size: 1.5rem; line-height: 1.2; font-weight: 700; letter-spacing: 0.01em; }
.state-badge { font-family: var(--font-organic); font-size: 2.1rem; line-height: 1.0; font-weight: 700; letter-spacing: 0.06em; }
.body-lg { font-family: var(--font-organic); font-size: 1.125rem; line-height: 1.6; font-weight: 400; }
.body { font-family: var(--font-organic); font-size: 1rem; line-height: 1.6; font-weight: 400; }
.caption { font-family: var(--font-organic); font-size: 0.82rem; line-height: 1.45; font-weight: 400; }
.readout { font-family: var(--font-data); font-size: 0.92rem; line-height: 1.4; font-weight: 400; }
.label { font-family: var(--font-data); font-size: 0.75rem; line-height: 1.3; font-weight: 600; letter-spacing: 0.08em; }
.micro { font-family: var(--font-data); font-size: 0.625rem; line-height: 1.3; font-weight: 600; letter-spacing: 0.08em; }