/* radar-pracas · tokens.css · gerado de tokens.json (24/10/2026). Papéis, não cores. */
:root{
  /* tema escuro (padrão) */
  --color-bg:#0c0d11; --color-bg-2:#12141b; --color-bg-deep:#07080b;
  --color-surface:#171a23; --color-surface-2:#1e222d;
  --color-border:#2a2f3c; --color-border-strong:#3a4052; --color-border-input:#6b7388;
  --color-text:#f4f5f8; --color-text-muted:#b3b9c9; --color-text-faint:#8a92a6;
  --color-accent:#5a94ff; --color-accent-2:#9fc0ff; --color-accent-deep:#2e7bff; --color-on-accent:#07080b;
  --color-danger:#ff6b70; --color-success:#3fd08a; --color-warning:#f5b544;
  --color-faixa-investir:#3fd08a; --color-faixa-testar:#f5b544; --color-faixa-evitar:#ff6b70; --color-on-faixa:#07080b;
  --shadow-card:0 1px 0 rgba(255,255,255,.03) inset,0 10px 28px rgba(0,0,0,.30);
  --shadow-pop:0 24px 70px rgba(0,0,0,.45);
  --grid-line:rgba(90,148,255,.06);

  --font-sans:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  --text-xs:12px; --text-sm:14px; --text-base:16px; --text-md:18px; --text-lg:20px; --text-xl:30px; --text-stat:40px;
  --text-h2:clamp(30px,4vw,50px); --text-h1:clamp(40px,5.4vw,72px);
  --leading-xs:16px; --leading-sm:20px; --leading-base:26px; --leading-md:28px; --leading-lg:28px; --leading-xl:34px; --leading-stat:44px;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-7:32px; --space-8:40px; --space-9:48px; --space-10:64px; --space-11:96px; --space-12:128px;
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-xl:20px; --radius-pill:999px;
  --motion-fast:120ms; --motion-base:200ms; --motion-slow:600ms; --ease:cubic-bezier(.2,.8,.2,1);
  --shadow-focus:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent);

  --content-max:1200px; --gutter:32px; --gutter-sm:16px; --nav-h:72px; --banner-h:40px; --app-header-h:64px;
  --section-pad-y:128px; --section-pad-y-sm:80px; --app-gap:24px;
  color-scheme:dark;
}
:root[data-tema="claro"]{
  --color-bg:#ffffff; --color-bg-2:#f4f5f8; --color-bg-deep:#eceef3;
  --color-surface:#ffffff; --color-surface-2:#f4f5f8;
  --color-border:#e1e4ec; --color-border-strong:#c9ced9; --color-border-input:#6b7388;
  --color-text:#161616; --color-text-muted:#3a3e49; --color-text-faint:#5f6575;
  --color-accent:#22406f; --color-accent-2:#1f5fd1; --color-accent-deep:#16305a; --color-on-accent:#ffffff;
  --color-danger:#b01e28; --color-success:#1b7a4b; --color-warning:#9a6200;
  --color-faixa-investir:#1b7a4b; --color-faixa-testar:#9a6200; --color-faixa-evitar:#b01e28; --color-on-faixa:#ffffff;
  --shadow-card:0 1px 2px rgba(22,22,22,.06),0 8px 24px rgba(22,22,22,.08);
  --shadow-pop:0 24px 70px rgba(22,22,22,.18);
  --grid-line:rgba(34,64,111,.06);
  color-scheme:light;
}
/* seções alternadas: cada seção define o próprio fundo a partir dos papéis */
.s-base{background:var(--color-bg)} .s-alt{background:var(--color-bg-2)} .s-deep{background:var(--color-bg-deep)}
.s-surface{background:var(--color-surface)}