/* Tokens do Arasys Design System (Manual de Marca v1.1), aplicados ao Monitor BR como produto de trabalho:
   paleta e fontes da marca; sem efeitos de vitrine (grade, brilho) — o produto é um painel de leitura diária. */

/* ——— Fontes auto-hospedadas (subset latin) ——— */
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/jetbrains-mono-400.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/jetbrains-mono-500.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/jetbrains-mono-700.woff2') format('woff2')}
@font-face{font-family:'Saira';font-style:italic;font-weight:400;font-display:swap;src:url('../assets/fonts/saira-400-italic.woff2') format('woff2')}
@font-face{font-family:'Saira';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/saira-400.woff2') format('woff2')}
@font-face{font-family:'Saira';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/saira-500.woff2') format('woff2')}
@font-face{font-family:'Saira';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/saira-600.woff2') format('woff2')}
@font-face{font-family:'Saira Semi Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/saira-semi-condensed-500.woff2') format('woff2')}
@font-face{font-family:'Saira Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/saira-semi-condensed-600.woff2') format('woff2')}
@font-face{font-family:'Saira Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/saira-semi-condensed-700.woff2') format('woff2')}
@font-face{font-family:'Saira Semi Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('../assets/fonts/saira-semi-condensed-800.woff2') format('woff2')}

:root{
  /* ——— Paleta oficial ——— */
  --color-onyx:#0A0A0F; --color-surface:#131319; --color-card:#1A1A22;
  --color-bone:#F5F5F7; --color-silver:#A0A0AC; --color-ash:#5C5C68;
  --color-neuropurple:#7C3AED; --color-purple-bright:#A78BFA; --color-purple-deep:#4C1D95;
  --color-lime:#A3FF12; --color-lime-bright:#BFFF45;
  --color-danger:#EF4444; --color-danger-soft:#FCA5A5;
  --color-amber:#F5B544;

  /* ——— Superfícies: três planos, do fundo ao cartão ——— */
  --bg-base:#0D0D13;            /* fundo da área de trabalho (um passo acima do onyx para o cartão respirar) */
  --bg-side:var(--color-onyx);  /* barra lateral e topo */
  --bg-elev:var(--color-surface);
  --bg-card:#15151C;
  --bg-card-hover:#191921;
  --bg-input:#0F0F15;

  --text-primary:var(--color-bone); --text-secondary:#B8B8C2; --text-muted:#7C7C89; --text-faint:var(--color-ash); --text-on-accent:#FFFFFF;
  --accent:var(--color-neuropurple); --accent-bright:var(--color-purple-bright); --accent-deep:var(--color-purple-deep); --accent-hover:#8B5CF6;
  --signal:var(--color-lime); --signal-bright:var(--color-lime-bright);
  --danger:var(--color-danger); --danger-soft:var(--color-danger-soft);
  --warn:var(--color-amber);

  --border:rgba(255,255,255,0.08); --border-strong:rgba(255,255,255,0.14); --border-bright:rgba(167,139,250,0.35); --border-signal:rgba(163,255,18,0.3);
  --surface-accent-soft:rgba(124,58,237,0.14); --surface-signal-soft:rgba(163,255,18,0.09); --surface-danger-soft:rgba(239,68,68,0.14); --surface-warn-soft:rgba(245,181,68,0.14);

  /* ——— Tipografia ———
     Saira para texto e interface; Saira Semi Condensed para títulos e números grandes; JetBrains Mono só para dado tabular
     (hora, data curta, código, contagem em tabela). Nada de rótulo em caixa alta espaçada. */
  --font-display:'Saira Semi Condensed',sans-serif; --font-body:'Saira',sans-serif; --font-mono:'JetBrains Mono',monospace;
  --text-2xs:10.5px; --text-xs:11.5px; --text-sm:12.5px; --text-base-sm:14px; --text-base:15px; --text-lead:17px;
  --text-h3:19px; --text-h2:26px; --text-h1:34px; --text-display:48px;
  --tracking-tag:0.02em; --tracking-label:0.01em; --tracking-wide:0.04em; --tracking-tight:-0.01em; --tracking-display:-0.015em;
  --leading-body:1.55; --leading-tight:1.05; --leading-snug:1.3;

  /* ——— Espaço (base 4) ——— */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-7:28px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px;
  --radius-none:0; --radius-xs:3px; --radius-sm:4px; --radius-md:6px; --radius-full:999px;
  --radius:var(--radius-sm);

  /* ——— Efeitos: sombra de elevação discreta; brilho (glow) só no ponto de status ——— */
  --shadow-1:0 1px 2px rgba(0,0,0,.35);
  --shadow-2:0 8px 24px rgba(0,0,0,.45);
  --glow-purple:none; --glow-purple-sm:none;
  --glow-lime:0 0 0 3px rgba(163,255,18,.15); --glow-lime-lg:0 0 0 4px rgba(163,255,18,.15);
  --pcb-grid:none; --pcb-grid-size:0 0; --ambient-glow:none;
  --transition-standard:0.2s ease; --transition-fast:0.12s ease;
  --focus-ring:0 0 0 3px rgba(124,58,237,.35);

  /* ——— Sentimento ——— */
  --sent-pos:#B5F03A; --sent-pos-soft:rgba(163,255,18,0.10); --sent-pos-border:rgba(163,255,18,0.28);
  --sent-neg:#F87171; --sent-neg-soft:rgba(239,68,68,0.12); --sent-neg-border:rgba(239,68,68,0.3);
  --sent-neu:#B8B8C2; --sent-neu-soft:rgba(160,160,172,0.10); --sent-neu-border:rgba(160,160,172,0.25);

  /* ——— Casca ——— */
  --side-w:232px; --top-h:56px; --content-max:1360px;
}