/* EMPAER Intranet — tokens (gerado a partir de tokens.json). Carregar ANTES de bundle.css. */
:root {
  /* cores (tema claro) */
  --surface:#f5f6f1; --surface-raised:#ffffff; --surface-sunken:#eceee6;
  --border:#dcdfd4; --border-strong:#7f8677;
  --ink:#373435; --ink-muted:#5b6058;
  --brand:#1e6b2f; --brand-hover:#17552a; --on-brand:#ffffff;
  --brand-soft:#e4efdb; --on-brand-soft:#1a5a27;
  --header:#163f22; --on-header:#ffffff; --on-header-muted:#c3d6c6;
  --lime:#c6da56; --on-lime:#232b0c; --leaf:#7cab58; --leaf-deep:#506e44;
  --focus:#1b5fb8; --focus-inverse:#c6da56;
  --success:#1f6e34; --success-soft:#e3f1e3;
  --warning:#7a4b00; --warning-soft:#fdf1d6;
  --danger:#b42318; --danger-soft:#fdeceb;
  --info:#1b5fb8; --info-soft:#e7effa;
  --credit:var(--success); --debit:var(--danger);
  /* tipografia */
  --font-sans:"Atkinson Hyperlegible Next", system-ui, "Segoe UI", sans-serif;
  --font-mono:"Atkinson Hyperlegible Mono", ui-monospace, "Cascadia Mono", monospace;
  /* espaçamento */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  /* raios */
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
  /* sombras */
  --shadow-sm:0 1px 2px rgba(31,36,32,0.06); --shadow-md:0 8px 24px rgba(31,36,32,0.10);
  /* layout */
  --header-height:64px; --sidebar-width:264px; --content-max:1120px; --control-height:44px;
  color-scheme: light;
}
/* tema escuro: segue prefers-color-scheme, salvo se data-theme="light" */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface:#111511; --surface-raised:#1a201a; --surface-sunken:#0c0f0c;
    --border:#2c352c; --border-strong:#728072;
    --ink:#e9ede5; --ink-muted:#a9b2a3;
    --brand:#86c96f; --brand-hover:#a2d98d; --on-brand:#0c1a0c;
    --brand-soft:#1e3421; --on-brand-soft:#bfe3b0;
    --header:#0d1f10; --on-header:#e9ede5; --on-header-muted:#a9b2a3;
    --focus:#7fb2ff;
    --success:#86c96f; --success-soft:#163019;
    --warning:#f2c16b; --warning-soft:#33270f;
    --danger:#ff8f85; --danger-soft:#3a1714;
    --info:#8db8f5; --info-soft:#14243a;
    --shadow-sm:0 1px 2px rgba(0,0,0,0.4); --shadow-md:0 8px 24px rgba(0,0,0,0.5);
    color-scheme: dark;
  }
}
/* tema escuro explícito (toggle) */
:root[data-theme="dark"] {
  --surface:#111511; --surface-raised:#1a201a; --surface-sunken:#0c0f0c;
  --border:#2c352c; --border-strong:#728072;
  --ink:#e9ede5; --ink-muted:#a9b2a3;
  --brand:#86c96f; --brand-hover:#a2d98d; --on-brand:#0c1a0c;
  --brand-soft:#1e3421; --on-brand-soft:#bfe3b0;
  --header:#0d1f10; --on-header:#e9ede5; --on-header-muted:#a9b2a3;
  --focus:#7fb2ff;
  --success:#86c96f; --success-soft:#163019;
  --warning:#f2c16b; --warning-soft:#33270f;
  --danger:#ff8f85; --danger-soft:#3a1714;
  --info:#8db8f5; --info-soft:#14243a;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.4); --shadow-md:0 8px 24px rgba(0,0,0,0.5);
  color-scheme: dark;
}