/* Integralis — tokens do design system (tokens.json). Escuro é o padrão da marca; claro em [data-theme="light"]. */
:root {
  color-scheme: dark;
  --bg:#070609; --panel:#0f0f15; --card:#111118; --line:#20212f; --line2:#3e3f47; --line-control:#707070;
  --fg:#ffffff; --mut:#adaeb8; --dim:#8e8f9a;
  --pri:#439cb6; --pri-dk:#1c6f8c; --pri-lt:#7fd6f0; --btn:#1c6f8c; --btn-h:#0e5576;
  --ink-on-accent:#ffffff; --ink-on-brand:#070609; --grey:#9aa2a7; --mark-grey:#666666; --mark-deep:#0e5576;
  --ok:#5ec9a0; --ok-ink:#7ee2a0; --ok-line:#1f4d2e; --warn:#e0b54a; --danger:#f0675c; --danger-solid:#c7453b;
  --pri-a08:#439cb614; --pri-a16:#439cb629; --pri-a35:#439cb659; --hi-08:#ffffff14; --overlay:#040306b8;
  --font-sans: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Public Sans", Montserrat, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, Menlo, monospace;
  --space-1:2px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --btn-pad-y:14px; --btn-pad-x:26px; --header-h:52px;
  --radius-sm:5px; --radius:10px; --radius-lg:14px; --radius-console:16px; --radius-pill:999px;
  --shadow-sm:0 1px 2px #00000059; --shadow-md:0 10px 30px -18px #000000bf; --shadow-lg:0 24px 60px -20px #000000b3;
  --glow:0 0 60px #439cb638; --shadow-btn:0 8px 24px -12px #439cb699;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#f4f8fb; --panel:#ffffff; --card:#f9fbfd; --line:#d6e0ea; --line2:#c1cfdc; --line-control:#7a8a9c;
  --fg:#0b1622; --mut:#3d5265; --dim:#5c6f82;
  --pri:#1c6f8c; --pri-dk:#439cb6; --pri-lt:#0e5576; --btn:#1c6f8c; --btn-h:#0e5576;
  --ink-on-brand:#ffffff; --grey:#6b757b;
  --ok:#1f7a55; --ok-ink:#1f7a55; --ok-line:#1f7a55; --warn:#8a6a12; --danger:#b8362c; --danger-solid:#b8362c;
  --hi-08:#05090f0d; --glow:0 0 60px #439cb62e; --shadow-lg:0 24px 60px -24px #0b162233;
}