/* Open2Agents: tokens (paleta «tinta», from design/visado.pen) */
/* The palette is «tinta», fixed: nine tones, tone-1 lightest … tone-9 darkest. Everything else (surfaces, ink,
   frames, sprites, transition bands, the hero shader) derives from these tones. */
:root {
  --tone-1: #F2F4F5; --tone-2: #DDE2E5; --tone-3: #BCC4C9; --tone-4: #8E979D; --tone-5: #626B71;
  --tone-6: #41484D; --tone-7: #2A2F33; --tone-8: #1A1C1F; --tone-9: #0A0B0C;
  --robot-dark: #16161A;  /* sprite body base, between tone-8 and tone-9 */
}
:root {
  --bg: #FEFEFE;
  --surface: var(--tone-1);
  --ink: var(--tone-9);
  --ink-2: var(--tone-6);
  --ink-3: var(--tone-5);
  --frame: var(--tone-3);
  --frame-strong: var(--tone-4);
  --ok: #1F7A4D;          /* green on light */
  --ok-bright: #4CC38A;   /* green on dark: chosen agent, follower */
  --stop: #B42318;        /* red on light */
  --stop-bright: #FF5A4A; /* red on dark: denied agent face */

  --font-display: "Funnel Display", system-ui, sans-serif;
  --font-text: "Inter", system-ui, sans-serif;
  --font-code: "IBM Plex Mono", ui-monospace, monospace;
  --font-pixel: "Silkscreen", var(--font-code);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;
  --margin: 48px;
  --max: 1440px;
  --nav-h: 96px;
}
@media (max-width: 720px) {
  :root { --margin: 20px; --space-9: 64px; }
}