/* Temas de la plataforma (selector en Administración → barra superior).
   Se cargan después de los estilos base: cada tema redefine los mismos tokens.
   "belive" es el diseño original (incluye modo oscuro); el resto sigue sus guías DESIGN.md (solo modo claro). */
:root{
  --bar:#1A1A1A; --bar-fg:#F4EFF1; --bar-muted:#BFB4B9; --bar-2:#2E2A2B; --bar-border:0 solid transparent; --dot:#D9556E;
  --cta:var(--coral); --on-cta:var(--on-coral);
  --btn-r:10px; --in-r:10px; --bw:1px; --shadow-card:none; --shadow-btn:none; --display-weight:800;
}

/* ---------- BounceBox: burbujeante, píldoras, coral/turquesa/amarillo ---------- */
html:root[data-skin="bouncebox"]{
  --bg:#FFFDF8; --surface:#FFFFFF; --surface-2:#FFF8E1; --fg:#2B2D42; --muted:#6B6F80; --line:#F0E4CF;
  --coral:#FF6B6B; --coral-soft:#FFE4E4; --on-coral:#FFFFFF; --cta:#FF6B6B; --on-cta:#FFFFFF;
  --ok:#1E9E94; --ok-soft:#DDF7F4; --warn:#A87D00; --warn-soft:#FFF5C4; --bad:#E5484D; --bad-soft:#FFE1E2; --na:#7B7F93; --na-soft:#EEF0F6;
  --bar:#4ECDC4; --bar-fg:#103F3B; --bar-muted:#1D5B56; --bar-2:#7FDDD6; --dot:#FFE66D;
  --display:"Titan One","Arial Rounded MT Bold",Arial,sans-serif; --body:"Poppins",Arial,sans-serif; --display-weight:400;
  --r:22px; --btn-r:999px; --in-r:16px; --bw:2px;
  --shadow-card:0 5px 0 #F3E7D2; --shadow-btn:0 8px 18px -6px rgba(255,107,107,.65); --shadow-fab:0 10px 22px -6px rgba(255,107,107,.7);
  color-scheme:light;
}
html:root[data-skin="bouncebox"] :is(h1,h2,h3,.pct,.kpi .v,.brand b,.type b,.aspect-n,.side-title){font-weight:400;letter-spacing:.01em}
html:root[data-skin="bouncebox"] .btn{font-weight:600;min-height:46px;padding-inline:18px}
html:root[data-skin="bouncebox"] .btn.primary{border-width:2px}

/* ---------- Flip7: retro lúdico, turquesa, dorado y coral ---------- */
html:root[data-skin="flip7"]{
  --bg:#EFF8F7; --surface:#FFFFFF; --surface-2:#FFF8E7; --fg:#15403D; --muted:#5A7A78; --line:#D1E8E6;
  --coral:#2BA8A2; --coral-soft:#E8F6F5; --on-coral:#FFFFFF; --cta:#FFD23F; --on-cta:#3A2A00;
  --ok:#23944F; --ok-soft:#E1F5E8; --warn:#B07A00; --warn-soft:#FFF3C2; --bad:#D9402F; --bad-soft:#FDE2DE; --na:#6B8382; --na-soft:#E4EFEE;
  --bar:#1E8C86; --bar-fg:#FFFFFF; --bar-muted:#CDEDEA; --bar-2:#2BA8A2; --dot:#FFD23F;
  --display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif; --body:var(--display); --display-weight:800;
  --r:18px; --btn-r:14px; --in-r:12px; --bw:1.5px;
  --shadow-card:0 4px 0 #D1E8E6; --shadow-btn:0 4px 0 #E6B800; --shadow-fab:0 5px 0 #E6B800,0 10px 20px -8px rgba(0,0,0,.35);
  color-scheme:light;
}
html:root[data-skin="flip7"] :is(h1,h2,h3){font-weight:800}

/* ---------- Red Broadcast: contenido primero, blanco y rojo puntual ---------- */
html:root[data-skin="red-broadcast"]{
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-2:#F2F2F2; --fg:#0F0F0F; --muted:#606060; --line:#E5E5E5;
  --coral:#CC0000; --coral-soft:#FFE9E9; --on-coral:#FFFFFF; --cta:#FF0000; --on-cta:#FFFFFF;
  --ok:#2BA640; --ok-soft:#E5F4E8; --warn:#B86200; --warn-soft:#FFEFD9; --bad:#CC0000; --bad-soft:#FFE5E5; --na:#606060; --na-soft:#F2F2F2;
  --bar:#FFFFFF; --bar-fg:#0F0F0F; --bar-muted:#606060; --bar-2:#F2F2F2; --bar-border:1px solid #E5E5E5; --dot:#FF0000;
  --display:"Roboto",Arial,sans-serif; --body:"Roboto",Arial,sans-serif; --display-weight:700;
  --r:12px; --btn-r:18px; --in-r:10px; --bw:1px; --shadow-card:none;
  color-scheme:light;
}
html:root[data-skin="red-broadcast"] .side-nav a[aria-current="page"]{background:#F2F2F2;color:#0F0F0F}

/* ---------- PipelinePro: CRM estructurado, índigo con cian y naranja ---------- */
html:root[data-skin="pipelinepro"]{
  --bg:#FAFAFA; --surface:#FFFFFF; --surface-2:#F4F4F7; --fg:#18181B; --muted:#6B7280; --line:#E4E4E7;
  --coral:#4F46E5; --coral-soft:#EEF2FF; --on-coral:#FFFFFF; --cta:#4F46E5; --on-cta:#FFFFFF;
  --ok:#16A34A; --ok-soft:#DCFCE7; --warn:#C2410C; --warn-soft:#FFEDD5; --bad:#DC2626; --bad-soft:#FEE2E2; --na:#71717A; --na-soft:#F4F4F5;
  --bar:#1E1B4B; --bar-fg:#FFFFFF; --bar-muted:#C7D2FE; --bar-2:#312E81; --dot:#06B6D4;
  --display:"Outfit",Arial,sans-serif; --body:"Inter",Arial,sans-serif; --display-weight:700;
  --r:12px; --btn-r:8px; --in-r:8px; --bw:1px;
  --shadow-card:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08); --shadow-btn:0 1px 2px rgba(79,70,229,.35);
  color-scheme:light;
}

/* ---------- CorpScale: empresarial sobrio, azul marino y títulos con serifa ---------- */
html:root[data-skin="corpscale"]{
  --bg:#F8FAFC; --surface:#FFFFFF; --surface-2:#F1F5F9; --fg:#0F172A; --muted:#6B7280; --line:#E2E8F0;
  --coral:#1E3A5F; --coral-soft:#E7EEF7; --on-coral:#FFFFFF; --cta:#1E3A5F; --on-cta:#FFFFFF;
  --ok:#16A34A; --ok-soft:#DCFCE7; --warn:#A16207; --warn-soft:#FEF9C3; --bad:#DC2626; --bad-soft:#FEE2E2; --na:#6B7280; --na-soft:#F1F5F9;
  --bar:#1E3A5F; --bar-fg:#FFFFFF; --bar-muted:#B8C7DA; --bar-2:#2A4A73; --dot:#2563EB;
  --display:"Noto Serif",Georgia,serif; --body:"Inter",Arial,sans-serif; --display-weight:700;
  --r:8px; --btn-r:6px; --in-r:6px; --bw:1px; --shadow-card:0 1px 2px rgba(15,23,42,.06);
  color-scheme:light;
}
html:root[data-skin="corpscale"] main a:not(.btn){color:#2563EB}

/* Títulos con el peso de cada tema */
h1,h2,h3{font-weight:var(--display-weight)}