/* Automata — the Nier taste. Parchment and taupe, zero radius,
   no shadows, wide-tracked labels. Quiet, melancholy, precise. */
@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');

:root[data-theme="automata"] {
  --bg: #CCC8B1;
  --bg-image: none;
  --surface: #D6D2BD;
  --surface-2: #C2BEA7;
  --text: #454138;
  --text-muted: #6E6A58;
  --accent: #4E4A3D;
  --on-accent: #DAD6C1;
  --border: #A9A48D;
  --grid-line: #BDB9A2;

  --radius: 0px;
  --radius-sm: 0px;
  --shadow: none;
  --backdrop-filter: none;

  --font-display: 'Saira Semi Condensed', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;
  --label-case: uppercase;
  --label-tracking: 0.14em;

  /* chart palette validated (dataviz six checks) vs surface #D6D2BD, light mode.
     Order matters: olive and rust must not sit adjacent (deutan confusion). */
  --chart-1: #61732A;
  --chart-2: #3465A0;
  --chart-3: #A34A24;
  --chart-4: #8E4488;

  --ok: #4F6B3F;
  --warn: #8A6D2F;
  --bad: #8F4A3E;
  --ok-bg: color-mix(in srgb, var(--ok) 16%, transparent);
  --warn-bg: color-mix(in srgb, var(--warn) 16%, transparent);
  --bad-bg: color-mix(in srgb, var(--bad) 16%, transparent);
}