/* Tokens del diseño (DESIGN5: un color de acento por módulo). Una sola fuente de color para el panel y los tres módulos.
   El acento sale del atributo data-module de la raíz (panel | growtek | trading | finanzas) o de cualquier elemento que lo lleve
   (tarjetas e iconos del Panel). Claro por defecto; el oscuro se activa con <html data-tema="oscuro">. Nada de colores sueltos fuera de este archivo. */
:root{
  color-scheme:light;
  /* neutros (iguales en todos los módulos) */
  --bg:#FFFFFF; --card:#FFFFFF; --surface:#F7F8FA; --border:#E5E7EB; --border-strong:#CBD0D8;
  --text:#0F172A; --text-2:#5B6472; --text-3:#7B8494;
  /* estados: nunca se usan para el acento */
  --success:#16A34A; --warning:#D97706; --danger:#DC2626;
  --success-text:#166534; --warning-text:#B45309; --danger-text:#B91C1C;  /* con contraste ≥ 4,5:1 como texto */
  --success-soft:#E8F6EC; --warning-soft:#FDF1E1; --danger-soft:#FCE9E9;
  --overlay:rgba(15,23,42,.35); --on-dark:#FFFFFF; --shadow-pop:0 8px 24px rgba(15,23,42,.14);
  --r-card:12px; --r-btn:10px; --r-sm:8px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:48px;
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1); --t-fast:180ms;
  --sidebar-bg:#FFFFFF;
  /* Panel principal y cualquier lugar sin módulo: neutro, gris casi negro */
  --accent:#111827; --accent-hover:#1F2937; --accent-soft:#F1F2F4; --accent-border:#D1D5DB; --accent-ink:#111827; --on-accent:#FFFFFF;
}
/* acento de cada módulo */
[data-module="panel"]{--accent:#111827; --accent-hover:#1F2937; --accent-soft:#F1F2F4; --accent-border:#D1D5DB; --accent-ink:#111827; --on-accent:#FFFFFF}
[data-module="growtek"]{--accent:#082469; --accent-hover:#0B2F82; --accent-soft:#E8ECF6; --accent-border:#C3CDE6; --accent-ink:#082469; --on-accent:#FFFFFF}
[data-module="trading"]{--accent:#14532D; --accent-hover:#166534; --accent-soft:#E7F2EB; --accent-border:#BFD9C8; --accent-ink:#14532D; --on-accent:#FFFFFF}
[data-module="finanzas"]{--accent:#2563EB; --accent-hover:#1D4ED8; --accent-soft:#E8F0FE; --accent-border:#BFD3FB; --accent-ink:#1D4ED8; --on-accent:#FFFFFF}

:root[data-tema="oscuro"]{
  color-scheme:dark;
  --bg:#0B0D12; --card:#12151C; --surface:#181C25; --border:#232833; --border-strong:#343B49;
  --text:#F3F4F6; --text-2:#98A1B0; --text-3:#7C8696;
  --success:#22C55E; --warning:#F59E0B; --danger:#EF4444;
  --success-text:#4ADE80; --warning-text:#FBBF24; --danger-text:#F87171;
  --success-soft:rgba(34,197,94,.16); --warning-soft:rgba(245,158,11,.16); --danger-soft:rgba(239,68,68,.16);
  --overlay:rgba(0,0,0,.6); --shadow-pop:0 8px 24px rgba(0,0,0,.5);
  --sidebar-bg:#0B0D12;
  --accent:#F3F4F6; --accent-hover:#FFFFFF; --accent-soft:rgba(243,244,246,.12); --accent-border:rgba(243,244,246,.30); --accent-ink:#F3F4F6; --on-accent:#0B0D12;
}
:root[data-tema="oscuro"] [data-module="panel"],:root[data-tema="oscuro"][data-module="panel"]{--accent:#F3F4F6; --accent-hover:#FFFFFF; --accent-soft:rgba(243,244,246,.12); --accent-border:rgba(243,244,246,.30); --accent-ink:#F3F4F6; --on-accent:#0B0D12}
:root[data-tema="oscuro"] [data-module="growtek"],:root[data-tema="oscuro"][data-module="growtek"]{--accent:#6F8FE8; --accent-hover:#8AA5EE; --accent-soft:rgba(111,143,232,.16); --accent-border:rgba(111,143,232,.40); --accent-ink:#6F8FE8; --on-accent:#06101F}
:root[data-tema="oscuro"] [data-module="trading"],:root[data-tema="oscuro"][data-module="trading"]{--accent:#3FA66B; --accent-hover:#4FB97D; --accent-soft:rgba(63,166,107,.16); --accent-border:rgba(63,166,107,.40); --accent-ink:#3FA66B; --on-accent:#06101F}
:root[data-tema="oscuro"] [data-module="finanzas"],:root[data-tema="oscuro"][data-module="finanzas"]{--accent:#5FB0FF; --accent-hover:#7FC0FF; --accent-soft:rgba(95,176,255,.16); --accent-border:rgba(95,176,255,.40); --accent-ink:#5FB0FF; --on-accent:#06101F}

/* alias: los nombres que usa el resto del código se resuelven en cada elemento con acento propio */
:root,[data-module]{
  --primary:var(--accent); --primary-hover:var(--accent-hover); --primary-soft:var(--accent-soft); --primary-border:var(--accent-border); --on-primary:var(--on-accent);
  --ring:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent);
  --mod-growtek:#082469; --mod-trading:#14532D; --mod-finanzas:#2563EB;
}
:root[data-tema="oscuro"],:root[data-tema="oscuro"] [data-module]{--mod-growtek:#6F8FE8; --mod-trading:#3FA66B; --mod-finanzas:#5FB0FF}
@media (prefers-reduced-motion:reduce){:root{--t-fast:0ms}}
/* Termómetro de la meta del equipo (Growtek Equipo): escala de temperatura frío → caliente y dorado de meta cumplida.
   Son colores de relleno (sin texto encima); el texto del termómetro va siempre fuera, en --text / --text-2. */
:root{
  --heat-0:#2563EB; --heat-1:#7C3AED; --heat-2:#DB2777; --heat-3:#F97316; --heat-4:#F59E0B;
  --gold:#CA8A04; --gold-soft:#FBF3DB; --gold-text:#854D0E; --win-0:#15803D; --win-1:#CA8A04;
}
:root[data-tema="oscuro"]{
  --heat-0:#3B82F6; --heat-1:#8B5CF6; --heat-2:#EC4899; --heat-3:#FB923C; --heat-4:#FBBF24;
  --gold:#EAB308; --gold-soft:rgba(234,179,8,.14); --gold-text:#FACC15; --win-0:#22C55E; --win-1:#EAB308;
}


/* alias del rediseño Apple y de Trading/Finanzas */
:root{
  --label:var(--text); --label-2:var(--text-2); --label-3:var(--text-3); --separator:var(--border); --separator-strong:var(--border-strong);
  --fill:var(--surface); --card-2:var(--surface); --gray-12:var(--surface);
  --blue:var(--accent); --blue-text:var(--accent-ink); --blue-fill:var(--accent); --blue-12:var(--accent-soft); --on-blue:var(--on-accent);
  --green:var(--success); --green-text:var(--success-text); --green-12:var(--success-soft);
  --red:var(--danger); --red-text:var(--danger-text); --red-12:var(--danger-soft);
  --orange:var(--warning); --orange-text:var(--warning-text); --orange-12:var(--warning-soft);
  --shadow:none; --mono:var(--font);
  --canvas:var(--bg); --plaster:var(--card); --fog:var(--border); --slate:var(--text-3); --ash:var(--text-2);
  --graphite:var(--text-2); --charcoal:var(--text); --ink:var(--text); --cobalt:var(--accent); --iris:var(--accent-soft);
  --on-cobalt:var(--on-accent);
}

/* las láminas del reporte se imprimen: siempre con la paleta clara y el acento de Growtek, aunque la app esté en oscuro */
.slide{
  --bg:#FFFFFF; --card:#FFFFFF; --surface:#F7F8FA; --border:#E5E7EB; --text:#0F172A; --text-2:#5B6472; --text-3:#7B8494;
  --accent:#082469; --accent-soft:#E8ECF6; --accent-border:#C3CDE6; --accent-ink:#082469; --on-accent:#FFFFFF;
  --primary:#082469; --primary-soft:#E8ECF6; --primary-border:#C3CDE6; --on-primary:#FFFFFF;
  --label:#0F172A; --label-2:#5B6472; --label-3:#7B8494; --separator:#E5E7EB; --fill:#F7F8FA; --blue:#082469; --blue-text:#082469; --blue-12:#E8ECF6;
  --canvas:#FFFFFF; --plaster:#F7F8FA; --fog:#CBD0D8; --slate:#7B8494; --ash:#5B6472; --graphite:#5B6472; --charcoal:#0F172A; --ink:#0F172A; --cobalt:#082469; --iris:#E8ECF6;
}