@font-face { font-family:'Inter'; src:url('/assets/fonts/inter.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'JetBrains Mono'; src:url('/assets/fonts/jetbrains-mono.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'Press Start 2P'; src:url('/assets/fonts/press-start-2p.woff2') format('woff2'); font-display:swap; }

:root {
  color-scheme:dark;
  --bg-master:#0b0f19; --bg-panel:#161d30; --bg-hardware:#251b3d;
  --bg-glow:#241847; --bg-gradient-end:#11182a; --bg-pressed:#1f293d;
  --text-primary:#fff; --text-muted:#8f9cae; --text-heading:#f5f8ff;
  --text-status:#dce5f4; --text-console-muted:#739182;
  --state-run:#39ff14; --state-stop:#ff3131; --state-warn:#ffb000;
  --state-accent:#ff007f; --focus:#65d9ff;
  --line:#43506c; --line-bright:#6d7da0; --border-dark:#080c15;
  --shadow:#03050a; --shadow-deep:#050811;
  --surface-control:#11192a; --surface-title:#263452;
  --surface-terminal:#05070b; --surface-status:#090e19;
  --syntax-keyword:#00e5ff; --syntax-operator:#ff2a85;
  --syntax-function:#39ff14; --syntax-string:#ffd54f;
  --syntax-value:#ff9100; --syntax-comment:#b0bec5;
  --font-ui:'Inter',system-ui,sans-serif;
  --font-code:'JetBrains Mono',ui-monospace,monospace;
  --font-display:'Press Start 2P',ui-monospace,monospace;
  --type-micro:8px; --type-caption:10px; --type-label:11px;
  --type-code:12px; --type-action:11px; --type-title:13px;
  --type-body:14px; --type-reading:15px; --type-heading:16px;
  --type-doc-section:20px; --type-doc-title:28px;
  --weight-bold:800; --weight-heavy:850; --weight-black:900;
  --panel-radius:8px; --control-radius:4px;
}