/* Treadle — token di design. Fonte: brand/tokens.json.
   Regola d'uso: indaco e inchiostro/cotone sulle superfici; guado solo per ciò che è
   attivo o dove un disegno parte; robbia solo per clip ed errori. */
:root{
  /* marchio */
  --t-indigo:#24346C; --t-indigo-night:#121624; --t-ink:#151A28;
  --t-cotton:#ECECE7; --t-cotton-on-dark:#E3E3DC;
  --t-weld:#E0B21C; --t-weld-deep:#7A5A06; --t-madder:#E0583F;
  /* linee funzionali (plugin) */
  --t-line-1:#E0B21C; --t-line-2:#7E9BE6; --t-line-3:#D57AA0; --t-line-4:#79B898;
  --t-frame:#222839; --t-frame-line:#30374B; --t-panel:#191E2E; --t-dim:#8C92A4;

  /* tema della pagina (chiaro) */
  --bg:#ECECE7; --surface:#F7F7F3; --fg:#151A28; --muted:#565C6C; --line:#CACBC3;
  --brand:#24346C; --accent:#7A5A06;

  /* tipografia */
  --font-display:"Archivo","Arial Narrow",Arial,sans-serif;
  --font-body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"Spline Sans Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;

  /* griglia e movimento */
  --t-module:10px; --t-gap:1px;
  --t-ui-time:120ms;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#10141E; --surface:#171C29; --fg:#E4E4DE; --muted:#979CAB; --line:#2B3141;
  --brand:#93A8E8; --accent:#E0B21C; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#10141E; --surface:#171C29; --fg:#E4E4DE; --muted:#979CAB; --line:#2B3141;
  --brand:#93A8E8; --accent:#E0B21C; color-scheme:dark}