/* ============================================================================
   AiContApp — Sistema de diseño compartido (aic-ui.css)
   Fuente única de la identidad visual del INTERIOR de la app.

   • Reutiliza los MISMOS nombres de variables que ya usan los módulos
     (--bg, --c1, --c2, --c3, --sn, --sd, --in, --bd, --ok, --warn, --err, --ln)
     para recolorear todo a la identidad índigo sin reescribir cada página.
   • Añade tema claro/oscuro con [data-theme] (default oscuro = identidad).
   • Cómo usarlo en una página del interior:
        <link rel="stylesheet" href="/static/css/aic-ui.css">
        y ELIMINAR el :root inline de esa página (este archivo manda).
   ============================================================================ */

/* ── Tema OSCURO (default, identidad de marca) ────────────────────────────── */
:root{
  /* Marca índigo (unificada con la landing) */
  --in:#5B6AF0; --inl:#8B96F4; --brand-d:#4654d6; --brand-soft:rgba(91,106,240,.13);
  /* Fondos y superficies */
  --bg:#14161B; --bg-2:#0F1115; --c1:#1B1E25; --c2:#23272F; --c3:#2B303A;
  /* Texto */
  --sn:#ECEEF4; --sd:#9AA0B4; --sf:#6E7488;
  /* Bordes */
  --bd:rgba(139,150,244,.16); --bd-2:rgba(236,238,244,.07);
  /* Semánticos */
  --ok:#3FB95A; --warn:#E0A555; --err:#E5615A; --info:#5B6AF0;
  --ln:#7BE0A3;                 /* antes lima #c1ff4e — ahora menta, armoniza con índigo */
  --sii:#E8431A;                /* rojo institucional SII */
  /* Sombras / acentos extra */
  --shadow:0 24px 55px -30px rgba(0,0,0,.7);
  --ring:0 0 0 3px rgba(91,106,240,.30);
  --honey:#F2B45B;
}

/* ── Tema CLARO (más cálido y luminoso, mismo índigo de marca) ─────────────── */
[data-theme="light"]{
  --in:#5B6AF0; --inl:#4654d6; --brand-d:#4654d6; --brand-soft:rgba(91,106,240,.10);
  --bg:#F5F6FC; --bg-2:#EBEEF8; --c1:#FFFFFF; --c2:#F1F3FB; --c3:#E7EAF6;
  --sn:#191C28; --sd:#5A6072; --sf:#79809A;
  --bd:rgba(91,106,240,.18); --bd-2:rgba(25,28,40,.08);
  --ok:#2F9E4F; --warn:#C7891F; --err:#D2453B; --info:#4654d6;
  --ln:#1F9E6A;
  --sii:#D23A14;
  --shadow:0 24px 50px -32px rgba(53,60,120,.35);
  --ring:0 0 0 3px rgba(91,106,240,.22);
  --honey:#D98A21;
}

/* ── Transición suave al cambiar de tema ──────────────────────────────────── */
body{transition:background-color .35s ease,color .35s ease}

/* ── Botón de cambio de tema (reutilizable en el nav del interior) ─────────── */
.aic-theme-btn{
  width:36px;height:36px;border-radius:10px;border:1px solid var(--bd);
  background:transparent;color:var(--sd);font-size:15px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;
}
.aic-theme-btn:hover{color:var(--sn);border-color:var(--in)}

/* ── Accesibilidad: foco visible coherente ────────────────────────────────── */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none;box-shadow:var(--ring);border-radius:8px;
}

/* ── Scrollbar discreta acorde al tema ────────────────────────────────────── */
*{scrollbar-width:thin;scrollbar-color:var(--c3) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:var(--c3);border-radius:6px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:var(--in);background-clip:content-box}