/* ═══════════════════════════════════════════════════════════════════════
   drwCheck · temas visuales intercambiables (tokens)
   ═══════════════════════════════════════════════════════════════════════
   Cuatro temas, que se alternan con el atributo data-tema en <html> o en
   cualquier contenedor:

     data-tema="ines"      estructura planner, colores INES documental
     data-tema="sgi"       estructura planner, colores SGI (web-front)
     data-tema="inestech"  estructura planner, colores de planner/sgi-admin  ← POR DEFECTO
     data-tema="original"  diseño actual del source, sin cambios

   Sin atributo data-tema se aplica "inestech" (decisión DC-18).

   Esta hoja solo define colores y tipografías. La estructura (cabecera,
   pie) y los componentes estilo Ant Design están en componentes.css.
   Origen de cada valor, y qué está medido o inferido: TEMAS.md.

   Regla fija: los colores del VEREDICTO no cambian con el tema. Son una
   señal de seguridad, no de marca (criterio del source, index.html).
   No anidar contenedores con temas distintos.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Comunes a los cuatro temas ──────────────────────────────────────── */
:root {
  /* Veredicto (source) */
  --v-ok: #0F7A3D;   --v-ok-fondo: #EAF5EE;
  --v-no: #D1242A;   --v-no-fondo: #FCECEC;
  --v-nd: #7F7F7F;   --v-nd-fondo: #F2F2F2;

  /* Neutros y estados de Ant Design v5 (valores por defecto de la librería) */
  --a-texto: rgba(0, 0, 0, .88);
  --a-texto-sec: rgba(0, 0, 0, .65);
  --a-texto-desc: rgba(0, 0, 0, .45);
  --a-borde: #D9D9D9;
  --a-borde-sec: #F0F0F0;
  --a-deshabilitado: rgba(0, 0, 0, .04);
  --a-radio: 6px;  --a-radio-sm: 4px;  --a-radio-lg: 8px;
  --a-alto: 32px;
  --a-ok: #52C41A;      --a-ok-fondo: #F6FFED;      --a-ok-borde: #B7EB8F;      --a-ok-texto: #389E0D;
  --a-aviso: #FAAD14;   --a-aviso-fondo: #FFFBE6;   --a-aviso-borde: #FFE58F;   --a-aviso-texto: #D48806;
  --a-error: #FF4D4F;   --a-error-fondo: #FFF2F0;   --a-error-borde: #FFCCC7;   --a-error-texto: #CF1322;

  /* Logotipo (fijo: es marca, no tema) */
  --logo-azul: #2B92D0;   /* medido en logo-planner_b.png y logo.png de planner */

  --f-sistema: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
               Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  /* Nombre de la aplicación: Outfit, la tipografía de títulos de inestech.es */
  --f-marca: "Outfit", var(--f-sistema);
}

/* ── ines · estructura planner con la paleta INES documental ─────────── */
[data-tema="ines"] {
  --c-cab-fondo: #101325;
  --c-sider-fondo: #101325;
  --c-sider-activo: #2392D1;
  --c-cab-borde: #BFBFBF;
  --c-cab-enlace: #2392D1;
  --c-marca: #FFFFFF;
  --c-pie-fondo: #F5F5F5;
  --c-pie-filete: #2392D1;
  --c-pie-texto: var(--a-texto);
  --c-fondo: #F9FAFB;
  --c-fondo-margen: #F5F5F5;
  --c-superficie: #FFFFFF;
  --c-titulo: #101325;
  --c-texto: var(--a-texto);
  --c-texto-suave: var(--a-texto-desc);
  --c-acento: #2392D1;
  --c-primario: #2392D1;
  --c-info: #2392D1;
  --c-enlace: #2392D1;
  --f-texto: var(--f-sistema);
}

/* ── sgi · estructura planner con la paleta SGI web-front ────────────── */
[data-tema="sgi"] {
  --c-cab-fondo: #001F3D;
  --c-sider-fondo: #001F3D;
  --c-sider-activo: #00A5D0;
  --c-cab-borde: #BFBFBF;
  --c-cab-enlace: #00A5D0;
  --c-marca: #FFFFFF;
  --c-pie-fondo: #F5F5F5;
  --c-pie-filete: #00A5D0;
  --c-pie-texto: var(--a-texto);
  --c-fondo: #F9FAFB;
  --c-fondo-margen: #F5F5F5;
  --c-superficie: #FFFFFF;
  --c-titulo: #001529;
  --c-texto: var(--a-texto);
  --c-texto-suave: var(--a-texto-desc);
  --c-acento: #00A5D0;
  --c-primario: #00A5D0;
  --c-info: #00A5D0;
  --c-enlace: #00A5D0;
  --f-texto: var(--f-sistema);
}

/* ── inestech · planner tal cual (medido en su captura) · POR DEFECTO ── */
/* :not([data-tema]) para que el defecto nunca gane a un tema elegido expresamente */
:root:not([data-tema]),
[data-tema="inestech"] {
  --c-cab-fondo: #181D4E;
  --c-sider-fondo: #181D4E;
  --c-sider-activo: #FA4729;      /* elemento activo del menú, como en planner */
  --c-cab-borde: #BFBFBF;
  --c-cab-enlace: #1677FF;        /* azul por defecto de Ant Design, tal como sale en planner */
  --c-marca: #FFFFFF;
  --c-pie-fondo: #F5F5F5;
  --c-pie-filete: #00A5D0;
  --c-pie-texto: var(--a-texto);
  --c-fondo: #F9FAFB;
  --c-fondo-margen: #F5F5F5;
  --c-superficie: #FFFFFF;
  --c-titulo: var(--a-texto);
  --c-texto: var(--a-texto);
  --c-texto-suave: var(--a-texto-desc);
  --c-acento: #0094BE;
  --c-primario: #FA4729;          /* botón de planner; prohibido junto al veredicto */
  --c-info: #1677FF;              /* información en azul: el naranja se leería como error */
  --c-enlace: #1677FF;
  --f-texto: var(--f-sistema);
}

/* ── original · diseño actual del source (index.html), sin cambios ───── */
[data-tema="original"] {
  --c-cab-fondo: #FFFFFF;
  --c-sider-fondo: #FFFFFF;       /* el tema original no tiene menú lateral */
  --c-sider-activo: #2392D1;
  --c-cab-borde: #E2E4E8;
  --c-cab-enlace: #2392D1;
  --c-marca: #8E9098;             /* color del rótulo del source */
  --c-pie-fondo: #F2F2F2;
  --c-pie-filete: #E2E4E8;
  --c-pie-texto: #374852;
  --c-fondo: #FFFFFF;
  --c-fondo-margen: #FFFFFF;
  --c-superficie: #F2F2F2;
  --c-titulo: #101325;
  --c-texto: #101325;
  --c-texto-suave: #374852;
  --c-acento: #2392D1;
  --c-primario: #101325;
  --c-info: #2392D1;
  --c-enlace: #2392D1;
  --f-texto: "Montserrat", var(--f-sistema);
}

/* Estados derivados del primario (como hace Ant Design con su algoritmo) */
:root, [data-tema] {
  --c-primario-hover: color-mix(in srgb, var(--c-primario) 82%, white);
  --c-primario-activo: color-mix(in srgb, var(--c-primario) 85%, black);
  --c-primario-suave: color-mix(in srgb, var(--c-primario) 10%, white);
  --c-primario-borde: color-mix(in srgb, var(--c-primario) 40%, white);
  --c-foco: color-mix(in srgb, var(--c-primario) 25%, transparent);
  --c-info-suave: color-mix(in srgb, var(--c-info) 10%, white);
  --c-info-borde: color-mix(in srgb, var(--c-info) 40%, white);
  /* Acento apto para texto: oscurecido un 30 %, supera 5:1 sobre el fondo
     en los tres temas planner (5,97 INES, 5,17 SGI, 6,08 Inestech) */
  --c-acento-texto: color-mix(in srgb, var(--c-acento) 70%, black);
}