/* ════════════════════════════════════════════════════════════════
   PROOSPERE MONO — tokens compartilhados do CRM (fonte única)
   Extraído de index.html + whatsapp.html em 05/07/2026: os blocos
   copiados-e-colados já tinham divergido (contraste, radius, sombras).
   REGRA: mudou token? Muda AQUI. Nenhum HTML redeclara estes valores.
   Temas: mono (padrão) · light · vscode
   ════════════════════════════════════════════════════════════════ */
:root, [data-tema="mono"]{
  --bg:#0a0a0a; --bg-soft:#0d0d0f;
  --s1:#111113; --s2:#19191c; --s3:#1f1f23; --s4:#28282c;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.14); --line-3:rgba(255,255,255,.24);
  --text:#fafafa; --text-2:#a1a1aa; --text-3:#8b8b94; /* text-3 ≥5.8:1 sobre --bg */
  --gold:#fafafa; --gold-2:#fafafa; --gold-deep:#a1a1aa;
  --gold-dim:rgba(255,255,255,.055); --gold-glow:rgba(255,255,255,.09);
  --ink:#09090b;
  --ok:#4ADE80; --ok-dim:rgba(74,222,128,.13);
  --info:#38BDF8; --info-dim:rgba(56,189,248,.13);
  --warn:#F2B84B; --warn-dim:rgba(242,184,75,.13);
  --danger:#e5484d; --danger-dim:rgba(229,72,77,.13);
  --violet:#A78BFA; --violet-dim:rgba(167,139,250,.13);
  --wpp:#2DD4BF; --wpp-dim:rgba(45,212,191,.13); /* verde WhatsApp (selo anúncio wpp) — teal p/ distinguir do --ok do linkbio */
  --sent-a:#28282c; --sent-b:#1f1f23; /* balões enviado/recebido (chat) */
  --dot:rgba(255,255,255,.055); --dot-major:rgba(255,255,255,.1);
  --shadow-1:0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 10px 32px -6px rgba(0,0,0,.5),0 24px 70px rgba(0,0,0,.35);
  --shadow-card:0 1px 2px rgba(0,0,0,.3);
  --r-s:10px; --r-m:14px; --r-l:20px; /* escala do DESIGN.md (o index tinha driftado p/ 18) */
  --fio:var(--line-3); /* hairline flat — era gradiente animado (Monochrome Authority Rule) */
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --font-display:var(--font-ui);
  --mono:ui-monospace,'SF Mono','Cascadia Mono','JetBrains Mono',Menlo,Consolas,monospace;
  color-scheme:dark;
}
[data-tema="light"]{
  --bg:#fafafa; --bg-soft:#f4f4f5;
  --s1:#ffffff; --s2:#f4f4f5; --s3:#ececef; --s4:#e4e4e7;
  --line:rgba(0,0,0,.08); --line-2:rgba(0,0,0,.14); --line-3:rgba(0,0,0,.26);
  --text:#09090b; --text-2:#52525b; --text-3:#6b6b76; /* era #a1a1aa ≈2.5:1 — reprovava AA */
  --gold:#18181b; --gold-2:#18181b; --gold-deep:#52525b;
  --gold-dim:rgba(0,0,0,.045); --gold-glow:rgba(0,0,0,.07);
  --ink:#ffffff;
  --ok:#16A34A; --ok-dim:rgba(22,163,74,.10);
  --info:#0284C7; --info-dim:rgba(2,132,199,.10);
  --warn:#D97706; --warn-dim:rgba(217,119,6,.10);
  --danger:#dc2626; --danger-dim:rgba(220,38,38,.09);
  --violet:#7C3AED; --violet-dim:rgba(124,58,237,.10);
  --wpp:#0D9488; --wpp-dim:rgba(13,148,136,.10);
  --sent-a:#e4e4e7; --sent-b:#ececef;
  --dot:rgba(0,0,0,.06); --dot-major:rgba(0,0,0,.11);
  --shadow-1:0 1px 2px rgba(0,0,0,.06);
  --shadow-2:0 24px 70px rgba(0,0,0,.16);
  --shadow-card:0 1px 2px rgba(0,0,0,.04);
  color-scheme:light;
}
[data-tema="vscode"]{
  --bg:#1e1e1e; --bg-soft:#1e1e1e;
  --s1:#252526; --s2:#2d2d30; --s3:#2d2d30; --s4:#3c3c3c;
  --line:#3c3c3c; --line-2:#454545; --line-3:#6b6b6b;
  --text:#d4d4d4; --text-2:#9da0a6; --text-3:#969696;
  --gold:#007acc; --gold-2:#0e9bf2; --gold-deep:#0e639c;
  --gold-dim:rgba(14,154,242,.13); --gold-glow:rgba(14,154,242,.2);
  --ink:#ffffff;
  --ok:#89D185; --ok-dim:rgba(137,209,133,.14);
  --info:#4FC1FF; --info-dim:rgba(79,193,255,.14);
  --warn:#DCDCAA; --warn-dim:rgba(220,220,170,.14);
  --danger:#f48771; --danger-dim:rgba(244,135,113,.12);
  --violet:#C586C0; --violet-dim:rgba(197,134,192,.14);
  --wpp:#4EC9B0; --wpp-dim:rgba(78,201,176,.14);
  --sent-a:#3c3c3c; --sent-b:#2d2d30;
  --dot:rgba(79,193,255,.05); --dot-major:rgba(79,193,255,.09);
  --shadow-1:0 2px 8px rgba(0,0,0,.5);
  --shadow-2:0 8px 30px rgba(0,0,0,.6);
  --shadow-card:0 1px 2px rgba(0,0,0,.4);
  color-scheme:dark;
}