/* ============================================================================
   tema-simahelp.css · SIMA HelpDesk — IDENTIDAD INSTITUCIONAL SIMA
   Lo ÚNICO que cambia entre proyectos: los 3 colores + neutros.
     MARCA   morado institucional SIMA · sistema, navegación, primario
     TIEMPO  ámbar                      · SLA, vencimientos, urgencia (señal funcional)
     IA      magenta-violeta (Tino)     · asistente — familia de marca SIMA
   Paleta tomada del logotipo oficial (Sincronía Médica Aplicada):
     morado #79217F · violeta #964A96 · violeta claro #B580B5 · plata #999/#5B5B5B/#393939
   Cargar SIEMPRE antes de normandia-base.css.
   ============================================================================ */

/* ---------- DARK (predeterminado) ---------- */
:root,
[data-theme="dark"]{
  /* — proyecto: MORADO INSTITUCIONAL SIMA (mate, sin glow) — */
  --brand:#79217F;      --brand-2:#b062b0;
  /* — IA (Tino): magenta-violeta luminoso, familia SIMA — */
  --ia:#c74bbd;         --ia-2:#e79cdf;   --ia-ink:#2a0726;
  /* — TIEMPO: ámbar (SLA/urgencia — señal funcional, NO marca) — */
  --acento:#f5b445;     --acento-2:#ff8f4d; --acento-ink:#2a1500;

  /* — neutros carbón con tinte violeta — */
  --bg:#0a070d; --bg-2:#110b16;
  --superficie:#120c17; --card:#17101e; --card-2:#1d1426;
  --linea:rgba(255,255,255,.09); --linea-2:rgba(255,255,255,.17);
  --tx:#f2edf6; --tx-2:#b6a9c2; --tx-3:#867a92;

  --ok:#43c98a; --warn:#f5b445; --bad:#ff6b5e;

  --glass:rgba(255,255,255,.04); --glass-b:rgba(255,255,255,.09);

  /* glows: el morado NO brilla (mate); la IA sí (firma de Tino) */
  --glow-brand:0 0 0 transparent;
  --glow-ia:0 0 32px color-mix(in srgb,var(--ia) 42%,transparent);
  --ico-ac:var(--brand-2);
}

/* ---------- LIGHT (off-white con tinte violeta + glass blanco) ---------- */
[data-theme="light"]{
  --brand:#6d1c73; --brand-2:#8a2f90;      /* morado profundo, contraste alto sobre blanco */
  --ia:#a5309a; --ia-2:#7d2374; --ia-ink:#ffffff;   /* magenta-violeta fuerte, legible en claro */
  --acento:#B45309; --acento-2:#C2410C; --acento-ink:#ffffff;
  --bg:#f2edf6; --bg-2:#faf7fc;            /* off-white con tinte violeta */
  --superficie:#ffffff; --card:#ffffff; --card-2:#faf6fc;
  --linea:#eae1ef; --linea-2:#dacde0;
  --tx:#241528; --tx-2:#584c60; --tx-3:#786d80;
  --ok:#0f7a45; --warn:#8a5806; --bad:#d64535;
  --glass:rgba(255,255,255,.62); --glass-b:rgba(40,11,46,.07);
  --glow-brand:0 0 0 transparent;          /* morado mate, sin glow */
  --glow-ia:0 0 24px color-mix(in srgb,var(--ia) 20%,transparent);   /* IA, glow sutil */
  --ico-ac:var(--brand);
}

:root{ --ico-ac:var(--ia); }

/* degradados con nombre (declarados en el HTML):
   #gAnillo  → --brand a --ia          |  #gTraza → --brand a --ia a --acento */