/* Rudder DS — tokens (fase 0a, #469, épico #468).
 *
 * Extraído literalmente de base.html em 2026-09-06. Sem @layer nesta fase:
 * a cascata tem de ficar IDÊNTICA à do CSS inline (uma regra do shell com
 * especificidade maior continua vencendo uma regra de template). A
 * declaração de camadas entra na fase 0b junto com o shell responsivo.
 *
 * Breakpoints (documentados, ainda não usados): sm 480 · md 768 · lg 1024 · xl 1280.
 */
:root {
  --bg: #0b0d12;
  --topbar: #12151c;
  --sidebar: #12151c;
  --panel: #171a21;
  --panel-hi: #1d2129;
  --fg: #e6e6e6;
  --fg-dim: #c7c9cd;
  --muted: #8a8f98;
  --accent: #0080f0;       /* Logo blue — text/border/focus on dark bg (4.95:1 AA) */
  --accent-strong: #006bd4; /* Darker blue for button backgrounds with white text (5.18:1 AA) */
  --accent-blue: #4a90e2;
  --ok: #57c27b;
  --warn: #f0b77e;
  --err: #f7768e;
  --border: #262b36;
  --border-hi: #373e4d;
  --border-strong: #666f80;  /* 3,67:1 sobre --bg, 3,28:1 sobre --panel: fronteira de controle (1.4.11) */
  --sidebar-w: 240px;
  --topbar-h: 52px;
}

/* Fase 0a: novos tokens ainda não consumidos pelas telas. */
:root {
  --info: #4a90e2;
  --target-min: 24px;      /* WCAG 2.2 2.5.8 — portão em todo viewport */
  --target-comfort: 44px;  /* alvo de design para toque */
  --banner-h: 38px;        /* banner de impersonação (era padding mágico) */
  --focus-ring: 2px solid var(--accent);
  --accent-text: #2a93f5;  /* azul para TEXTO sobre --panel (≥ 4,5:1); --accent fica para fundo --bg e bordas */
  --brand-warm: #ffa64d;   /* ponta quente do gradiente da marca (botão de login): só na ponta, nunca atrás de texto (1,98:1 com branco) */
  /* estado: um só conjunto --ok/--warn/--err (era #2e7d32/#c62828/#ef6c00 em telas); ≥ 3:1 sobre --panel e --panel-hi */
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
}