/* ============================================================================
   tema-simahelp.css · SIMA HelpDesk — IDENTIDAD INSTITUCIONAL SIMA (v2, 2026-09)
   MARCA morado institucional · TIEMPO ámbar (SLA) · IA magenta-violeta (Tino)
   Paleta del logotipo: morado #79217F · violeta #964A96 · claro #B580B5 · plata.
   v2: tonos de texto recalibrados para contraste AA (4.5:1) en ambos temas y
   variante de ALTO CONTRASTE (html[data-contraste="alto"]). Cargar antes de normandia-base.css.
   ============================================================================ */

/* ---------- DARK ---------- */
:root,
[data-theme="dark"]{
  --brand:#79217F;      --brand-2:#c07ac0;          /* brand-2 más claro: legible como texto sobre carbón */
  --ia:#c74bbd;         --ia-2:#eaa6e2;   --ia-ink:#2a0726;
  --acento:#f5b445;     --acento-2:#ff8f4d; --acento-ink:#2a1500;

  --bg:#0a070d; --bg-2:#110b16;
  --superficie:#120c17; --card:#17101e; --card-2:#1d1426;
  --linea:rgba(255,255,255,.11); --linea-2:rgba(255,255,255,.2);
  --tx:#f5f0f8; --tx-2:#c3b7ce; --tx-3:#9d91a9;        /* tx-3 5.4:1 sobre card */

  --ok:#5ad39a; --warn:#f5b445; --bad:#ff7a6e;

  --glass:rgba(255,255,255,.045); --glass-b:rgba(255,255,255,.1);
  --glow-brand:0 0 0 transparent;
  --glow-ia:0 0 32px color-mix(in srgb,var(--ia) 42%,transparent);
  --ico-ac:var(--brand-2);
  --foco:#eaa6e2;
}

/* ---------- LIGHT ---------- */
[data-theme="light"]{
  --brand:#6d1c73; --brand-2:#7f2a86;      /* brand-2 7.1:1 sobre blanco */
  --ia:#a5309a; --ia-2:#7d2374; --ia-ink:#ffffff;
  --acento:#B45309; --acento-2:#C2410C; --acento-ink:#ffffff;
  --bg:#f2edf6; --bg-2:#faf7fc;
  --superficie:#ffffff; --card:#ffffff; --card-2:#faf6fc;
  --linea:#e3d8e8; --linea-2:#cdbfd4;
  --tx:#1f1223; --tx-2:#4d4156; --tx-3:#605468;        /* tx-3 6.6:1 sobre blanco */
  --ok:#0d6b3d; --warn:#7d4f04; --bad:#bf3a2b;          /* bad 5.0:1 sobre blanco */
  --glass:rgba(255,255,255,.66); --glass-b:rgba(40,11,46,.08);
  --glow-brand:0 0 0 transparent;
  --glow-ia:0 0 24px color-mix(in srgb,var(--ia) 20%,transparent);
  --ico-ac:var(--brand);
  --foco:#6d1c73;
}

/* ---------- ALTO CONTRASTE (control "Aa" · se guarda por usuario) ---------- */
[data-contraste="alto"][data-theme="light"],[data-contraste="alto"]:not([data-theme]){
  --bg:#ffffff; --bg-2:#ffffff; --superficie:#ffffff; --card:#ffffff; --card-2:#ffffff;
  --linea:#8a8090; --linea-2:#4a4050;
  --tx:#000000; --tx-2:#1a1a1a; --tx-3:#333333;
  --brand:#5a0f60; --brand-2:#5a0f60; --ia:#7a1b70; --ia-2:#5a0f60;
  --ok:#0a5a32; --warn:#6b4200; --bad:#a3271b; --acento:#8a3f05; --acento-2:#8a3f05;
  --glass:#ffffff; --glass-b:#8a8090; --glow-ia:0 0 0 transparent; --foco:#000000;
}
[data-contraste="alto"][data-theme="dark"]{
  --bg:#000000; --bg-2:#000000; --superficie:#000000; --card:#050505; --card-2:#0a0a0a;
  --linea:#8a8090; --linea-2:#c8c0cc;
  --tx:#ffffff; --tx-2:#f0f0f0; --tx-3:#d8d8d8;
  --brand:#79217F; --brand-2:#e2b3e2; --ia:#e07ad6; --ia-2:#f3c6ee; --ia-ink:#000000;
  --ok:#7ee3b2; --warn:#ffd27a; --bad:#ff9b91; --acento:#ffc768; --acento-2:#ffb06b; --acento-ink:#000000;
  --glass:#000000; --glass-b:#8a8090; --glow-ia:0 0 0 transparent; --foco:#ffffff;
}
[data-contraste="alto"] body::before,[data-contraste="alto"] body::after,[data-contraste="alto"] .orbe{display:none!important}
[data-contraste="alto"] .tarjeta,[data-contraste="alto"] .metrica,[data-contraste="alto"] .tabla-marco,
[data-contraste="alto"] .lateral,[data-contraste="alto"] .cabecera,[data-contraste="alto"] .entrada,
[data-contraste="alto"] .forma input,[data-contraste="alto"] .forma select,[data-contraste="alto"] .forma textarea{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-width:2px}
[data-contraste="alto"] .btn-marca,[data-contraste="alto"] .btn-ia,[data-contraste="alto"] .btn-urgente{background:var(--brand);color:#fff;border:2px solid var(--tx)}
[data-contraste="alto"] .badge{border:1.5px solid currentColor}
[data-contraste="alto"] .metrica .valor{background:none;-webkit-text-fill-color:var(--tx);color:var(--tx)}
[data-contraste="alto"] thead{background:var(--tx)} [data-contraste="alto"] th{color:var(--bg)}