/* NGER — tokens de design (gerado a partir de tokens.json). Prefixo --nger-. */
/* Tema padrão: dark. Troque com <html data-theme="light"> ou deixe seguir o sistema. */

:root {
  --nger-space-1: 4px;
  --nger-space-2: 8px;
  --nger-space-3: 12px;
  --nger-space-4: 16px;
  --nger-space-6: 24px;
  --nger-space-8: 32px;
  --nger-space-12: 48px;
  --nger-radius-sm: 4px;
  --nger-radius-md: 8px;
  --nger-radius-lg: 12px;
  --nger-radius-full: 999px;
  --nger-font-display: "Inter Display", "Inter", system-ui, sans-serif;
  --nger-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nger-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}

:root,
[data-theme="dark"] {
  --nger-surface: #0A1220;
  --nger-surface-raised: #111B2B;
  --nger-surface-sunken: #060B14;
  --nger-line: #1F2B3D;
  --nger-line-strong: #5A6B85;
  --nger-ink: #E8EEF7;
  --nger-ink-muted: #94A3BA;
  --nger-brand: #6B95FF;
  --nger-brand-strong: #9AB6FF;
  --nger-brand-soft: #16264A;
  --nger-on-brand: #06101F;
  --nger-chart-out: #C2CDDE;
  --nger-ok: #2BD3A0;
  --nger-ok-text: #5EE3B8;
  --nger-ok-soft: #0E3B30;
  --nger-warn: #F5B35A;
  --nger-warn-text: #F5B35A;
  --nger-warn-soft: #3A2A12;
  --nger-down: #FF7468;
  --nger-down-soft: #3D1512;
  --nger-noc: #0A1220;
  --nger-focus-ring: #9AB6FF;
  --nger-shadow-2: 0 8px 24px rgba(0,0,0,0.6);
}

[data-theme="light"] {
  --nger-surface: #F4F6F9;
  --nger-surface-raised: #FFFFFF;
  --nger-surface-sunken: #E8ECF2;
  --nger-line: #D6DCE5;
  --nger-line-strong: #7A8799;
  --nger-ink: #0F1A20;
  --nger-ink-muted: #4E5B6E;
  --nger-brand: #2F6BFF;
  --nger-brand-strong: #1F55E0;
  --nger-brand-soft: #E3EBFF;
  --nger-on-brand: #FFFFFF;
  --nger-chart-out: #3A4660;
  --nger-ok: #00A67E;
  --nger-ok-text: #00765A;
  --nger-ok-soft: #D7F3E9;
  --nger-warn: #F2A33A;
  --nger-warn-text: #8A5300;
  --nger-warn-soft: #FDEBD0;
  --nger-down: #B32E25;
  --nger-down-soft: #FBE3E0;
  --nger-noc: #0A1220;
  --nger-focus-ring: #1F55E0;
  --nger-shadow-2: 0 8px 24px rgba(10,18,32,0.14);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --nger-surface: #F4F6F9;
    --nger-surface-raised: #FFFFFF;
    --nger-surface-sunken: #E8ECF2;
    --nger-line: #D6DCE5;
    --nger-line-strong: #7A8799;
    --nger-ink: #0F1A20;
    --nger-ink-muted: #4E5B6E;
    --nger-brand: #2F6BFF;
    --nger-brand-strong: #1F55E0;
    --nger-brand-soft: #E3EBFF;
    --nger-on-brand: #FFFFFF;
    --nger-chart-out: #3A4660;
    --nger-ok: #00A67E;
    --nger-ok-text: #00765A;
    --nger-ok-soft: #D7F3E9;
    --nger-warn: #F2A33A;
    --nger-warn-text: #8A5300;
    --nger-warn-soft: #FDEBD0;
    --nger-down: #B32E25;
    --nger-down-soft: #FBE3E0;
    --nger-noc: #0A1220;
    --nger-focus-ring: #1F55E0;
    --nger-shadow-2: 0 8px 24px rgba(10,18,32,0.14);
  }
}

/* Estilos de texto */
.nger-metric-xl { font-family: var(--nger-font-display); font-size: 48px; line-height: 52px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.nger-h1 { font-family: var(--nger-font-display); font-size: 28px; line-height: 36px; font-weight: 600; letter-spacing: -0.015em; }
.nger-h2 { font-family: var(--nger-font-display); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.nger-h3 { font-family: var(--nger-font-sans); font-size: 18px; line-height: 26px; font-weight: 600; }
.nger-body { font-family: var(--nger-font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.nger-body-strong { font-family: var(--nger-font-sans); font-size: 15px; line-height: 24px; font-weight: 600; }
.nger-label { font-family: var(--nger-font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.nger-caption { font-family: var(--nger-font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.nger-data { font-family: var(--nger-font-mono); font-size: 13px; line-height: 20px; font-weight: 400; font-variant-numeric: tabular-nums; }