/* FILE-MAP:
purpose: Design tokens for the "Varredura" identity (variant A, approved
  2026-08-30) - dark primary theme on :root, light theme via
  [data-theme="light"]. Generated by ezon-design-suite tokens-generator
  from docs/design/DESIGN.md. Single source of color/type/radius/motion
  truth for the dashboard.
depends_on: []
used_by:
  - path: ./styles.css
    uses: [all tokens]
  - path: ./index.html
    uses: [link rel=stylesheet]
touches:
  db_tables: []
  env: []
  config_files: []
  cache_keys: []
effects: []
invariants:
  - dark is the default (:root); light overrides ONLY color tokens
  - no pure #000/#FFF; semantic colors harmonized (chroma ~40%)
  - numbers use tabular figures via --font-num + "tnum"
category: frontend-style
END-FILE-MAP */

:root {
  /* Backgrounds - luminance ladder */
  --bg: #08090b;            /* Fundo de Tela */
  --surface: #0e1013;       /* Radar - sections, thead, hover */
  --card: #14171c;          /* Console - cards */
  --elevated: #1a1f26;      /* Console Alto - popover/modal */
  --line: rgba(240, 245, 250, .09);
  --line-strong: rgba(240, 245, 250, .16);

  /* Text */
  --fg: #f2f5f7;            /* Sinal */
  --mut: #a2adb9;           /* Eco */
  --dim: #67727e;           /* Eco Fraco */

  /* Accent - Ciano Varredura (doubles as "saudável") */
  --accent: #2fccc1;
  --accent-dim: rgba(47, 204, 193, .12);
  --accent-ink: #2fccc1;    /* text sitting ON --accent-dim tint */
  --on-accent: #062b28;

  /* Semantics - harmonized family (chroma ~40%) */
  --crit: #d97b70;          /* Coral Seco - crítico / vermelha */
  --crit-dim: rgba(217, 123, 112, .11);
  --warn: #cfa96a;          /* Areia - atenção / amarela */
  --warn-dim: rgba(207, 169, 106, .11);
  --ok: #2fccc1;            /* = acento */
  --ok-dim: rgba(47, 204, 193, .11);
  --info: #8ba3c7;          /* Azul-aço - excesso */
  --info-dim: rgba(139, 163, 199, .11);
  --orange: #d08a5f;        /* Cobre - zona laranja */
  --orange-dim: rgba(208, 138, 95, .11);

  /* Shadows - tinted to bg, rare use */
  --shadow-pop: 0 8px 28px rgba(4, 8, 12, .45);

  /* Typography */
  --font-head: "Schibsted Grotesk", "Avenir Next", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;
  --font-num: "Schibsted Grotesk", system-ui, sans-serif;

  /* Radius */
  --r-input: 7px;
  --r-chip: 10px;
  --r-card: 13px;

  /* Motion */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --t-fast: 150ms;
  --t-med: 200ms;

  /* Motif - sweep line */
  --sweep: linear-gradient(90deg, transparent, var(--accent), transparent);
}

[data-theme="light"] {
  --bg: #f4f6f7;            /* Névoa */
  --surface: #eef1f3;       /* Névoa Densa */
  --card: #fbfcfd;          /* Console Claro */
  --elevated: #feffff;
  --line: rgba(20, 26, 32, .11);
  --line-strong: rgba(20, 26, 32, .20);

  --fg: #151a1f;            /* Tinta */
  --mut: #5b6772;           /* Eco Claro */
  --dim: #8b96a1;

  /* light semantics darkened for >= 4.5:1 on --card (NN/g review 2026-08-30) */
  --accent: #0b7d75;        /* Ciano Profundo */
  --accent-dim: rgba(11, 125, 117, .10);
  --accent-ink: #0a6a63;    /* 4.7:1 composited over --accent-dim on --card */
  --on-accent: #f4fffd;

  --crit: #a34e44;
  --crit-dim: rgba(163, 78, 68, .09);
  --warn: #7c6435;
  --warn-dim: rgba(124, 100, 53, .10);
  --ok: #0b7d75;
  --ok-dim: rgba(11, 125, 117, .10);
  --info: #4a668f;
  --info-dim: rgba(74, 102, 143, .10);
  --orange: #97572f;
  --orange-dim: rgba(151, 87, 47, .10);

  --shadow-pop: 0 8px 28px rgba(16, 24, 32, .12);
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-med: 0ms; }
}