/* Doce CRM — tokens do design system (padrão Rastro / Afiliado Dash).
   Só as 4 variáveis --brand* mudam por projeto. Claro em :root, escuro no media query e em [data-theme=dark]. */
/* Layout: sidebar 280 + topbar com breadcrumb; conteúdo até 1400 centralizado, fluido; mobile = app nativo com dock de vidro */
:root{
  --brand:#C2185B; --brand-ink:#9D1550; --brand-soft:#FDEAF1; --brand-contrast:#FFFFFF;
  --bg:#FAFAF9; --surface:#FFFFFF; --surface-2:#F4F4F2; --surface-3:#EAEAE6;
  --line:rgba(10,10,10,.08); --line-2:rgba(10,10,10,.14);
  --ink:#0A0A0A; --ink-2:#4B4B52; --ink-3:#6B6B73; --inv:#0A0A0A; --on-inv:#FFFFFF;
  --good:#15803D; --good-soft:#ECFDF3; --bad:#DC2626; --bad-soft:#FEF2F2; --warn:#B45309; --warn-soft:#FFF7E6;
  --c2:#2563EB; --c3:#0D9488; --c4:#9333EA; --c5:#CA8A04; --google:#1A73E8; --google-soft:#E8F0FE;
  --glass:rgba(255,255,255,.72); --overlay:rgba(10,10,10,.36); --knob:#FFFFFF;
  --r:14px; --r-lg:20px; --r-xl:28px; --pill:999px;
  --shadow:0 1px 2px rgba(10,10,10,.04),0 8px 24px -10px rgba(10,10,10,.10);
  --shadow-lg:0 2px 4px rgba(10,10,10,.04),0 40px 80px -28px rgba(10,10,10,.22);
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --ease:cubic-bezier(.2,.7,.2,1); --spring:cubic-bezier(.2,1.2,.3,1);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --brand:#EC5B8C; --brand-ink:#F59BBA; --brand-soft:rgba(236,91,140,.13); --brand-contrast:#0A0A0A;
  --bg:#000000; --surface:#0A0A0A; --surface-2:#141414; --surface-3:#1E1E21;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.15);
  --ink:#F5F5F4; --ink-2:#B4B4BB; --ink-3:#8E8E96; --inv:#F5F5F4; --on-inv:#0A0A0A;
  --good:#4ADE80; --good-soft:rgba(34,197,94,.10); --bad:#F87171; --bad-soft:rgba(239,68,68,.10); --warn:#FBBF24; --warn-soft:rgba(251,191,36,.10);
  --c2:#3B82F6; --c3:#0FA394; --c4:#A855F7; --c5:#B38A06; --google:#8AB4F8; --google-soft:rgba(138,180,248,.12);
  --glass:rgba(10,10,10,.72); --overlay:rgba(0,0,0,.62); --knob:#2A2A2F;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 8px 24px -10px rgba(0,0,0,.7);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 40px 80px -28px rgba(0,0,0,.9);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --brand:#EC5B8C; --brand-ink:#F59BBA; --brand-soft:rgba(236,91,140,.13); --brand-contrast:#0A0A0A;
  --bg:#000000; --surface:#0A0A0A; --surface-2:#141414; --surface-3:#1E1E21;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.15);
  --ink:#F5F5F4; --ink-2:#B4B4BB; --ink-3:#8E8E96; --inv:#F5F5F4; --on-inv:#0A0A0A;
  --good:#4ADE80; --good-soft:rgba(34,197,94,.10); --bad:#F87171; --bad-soft:rgba(239,68,68,.10); --warn:#FBBF24; --warn-soft:rgba(251,191,36,.10);
  --c2:#3B82F6; --c3:#0FA394; --c4:#A855F7; --c5:#B38A06; --google:#8AB4F8; --google-soft:rgba(138,180,248,.12);
  --glass:rgba(10,10,10,.72); --overlay:rgba(0,0,0,.62); --knob:#2A2A2F;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 8px 24px -10px rgba(0,0,0,.7);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 40px 80px -28px rgba(0,0,0,.9);
  color-scheme:dark;
}