/* tokens.css — os tokens da marca, num lugar só.
 *
 * Espelho de `scripts/roger/lib/theme.mjs` no repo do Roger, que veste o painel
 * (`npm run panel`). Quando um muda, o outro muda junto — senão a pessoa se encanta
 * com esta página, roda o painel e cai num produto de outra empresa. */

:root {
  /* superfícies, do fundo para a frente */
  --ink:    #0a0912;
  --panel:  #14111d;
  --panel2: #1b1726;
  --line:   #2c2739;

  /* texto */
  --text:  #f0ebe4;
  --muted: #a89fae;

  /* a marca: o vermelho é o cursor, e é sempre a ação principal */
  --red:     #ff2442;
  --ember:   #f2582a;
  --magenta: #e93cb0;
  --violet:  #7a3bf5;
  --azure:   #2e7cf6;
  --rainbow: linear-gradient(90deg, var(--red), var(--ember), var(--magenta), var(--violet), var(--azure));

  /* estado: tirado da mesma paleta, para nada parecer importado de outro lugar */
  --ok:      #28c840;
  --pending: var(--azure);
  --warn:    var(--ember);
  --stop:    var(--red);
  --weak:    var(--magenta);

  /* medidas: mudar aqui muda o ritmo da interface inteira */
  --ctl: 48px;
  --radius: 10px;
  --radius-lg: 12px;
  --gap-row: 16px;

  /* tipos */
  --font-body: 'Archivo', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}