@font-face{font-family:'Compacta';src:url('/fonts/compacta.woff2?v=4') format('woff2');font-display:swap;}
@font-face{font-family:'PlexMono';src:url('/fonts/plexmono.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'VT323';src:url('/fonts/vt323.woff2') format('woff2');font-display:swap;}

:root{
  --brand:#f59e0b; --brandlt:#f59e0b; --num:#b45309; --prog-text:#2f60e8; --black:#0a0a0a; --white:#fff;
  --open:#ff4757; --prog:#1b4fe4; --done:#16a34a;
  --ink:#14171b; --sub:#5c656e; --paper:#eef0f3; --card:#fff; --line:#e0e4e9;
  --title:'Compacta','Arial Narrow',sans-serif; --mono:'PlexMono',monospace;
}
/* Single gold accent. --num is gold TEXT: glows #f59e0b on the dark card, steps to bronze
   #b45309 on a light card for legibility. --brand fills use dark text in both themes. */
@media (prefers-color-scheme: dark){
  :root{ --ink:#e7ecf0; --sub:#8f99a3; --paper:#0c0f12; --card:#15181c; --line:#252b31; --num:#f59e0b; --prog-text:#6f9bff; }
}
:root[data-theme="dark"]{ --ink:#e7ecf0; --sub:#8f99a3; --paper:#0c0f12; --card:#15181c; --line:#252b31; --num:#f59e0b; --prog-text:#6f9bff; }
:root[data-theme="light"]{ --ink:#14171b; --sub:#5c656e; --paper:#eef0f3; --card:#fff; --line:#e0e4e9; --num:#b45309; --prog-text:#2f60e8; }
*{box-sizing:border-box;} body{margin:0;font-family:var(--mono);}