/* Paleta Licuna para el campus — generada el 2026-09-21.
 *
 * 🔴 ESTE ARCHIVO LO REGENERA CHAMILO. `ColorThemeStateProcessor` lo reescribe
 *    desde `color_theme.variables` (BD) cada vez que alguien guarda el tema en
 *    Administración → Temas de color. Si editas aquí y no allá, el siguiente
 *    guardado se lleva el cambio por delante. La fuente de verdad es la BD.
 *    Lo que NO se regenera —tipografía, logo, detalles de marca— vive en
 *    `licuna.css`, que es un archivo aparte precisamente por eso.
 *
 * Los valores son TRIPLETAS RGB separadas por espacios, no colores CSS: Tailwind
 * las consume como `rgb(var(--color-primary-base) / <alpha>)`, y por eso puede
 * aplicarles opacidad. Un `#1a104f` aquí rompería todas las clases con /10, /20…
 *
 * ─────────────────────────────────────────────────────────────────────────────
 * DE DÓNDE SALE CADA COLOR, Y POR QUÉ NO ES UNA COPIA LITERAL
 *
 * La paleta de Licuna (`public/assets/css/base.css`) es de página de inicio:
 * clara, aireada, con el rosa #efaef0 como CTA. En un LMS eso no se sostiene —
 * #efaef0 sobre blanco da **1,75:1**, así que un botón rosa sería un rectángulo
 * casi invisible, y lo fino (bordes, iconos, subrayado de pestaña activa) se
 * perdería del todo.
 *
 * Decisión (2026-09-21): **navy primario, rosa de acento.** El navy #1a104f es
 * igual de "Licuna" —es el color del texto, del logo y de las secciones
 * oscuras— y da 17,1:1 sobre blanco. El rosa se queda donde su ligereza es una
 * virtud: badges, estados activos, resaltados.
 *
 * Contrastes comprobados (WCAG 2.1; texto normal exige 4,5:1, elementos de
 * interfaz 3:1):
 *
 *   navy #1a104f  + blanco  17,1:1  ✓ AAA   ← botones primarios
 *   rosa #efaef0  + navy     9,7:1  ✓ AAA   ← botones de acento, badges
 *   azul #5c99e0  + navy     5,8:1  ✓ AA    ← info
 *   verde #13612e + blanco   7,6:1  ✓ AAA   ← éxito
 *   rojo  #b82105 + blanco   6,5:1  ✓ AA    ← error
 *   naranja #f7630c + navy   5,5:1  ✓ AA    ← aviso
 *
 * Los tres últimos son los propios semánticos de Licuna, sin tocar.
 *
 * ⚠️ Sobre `*-button-text` y `*-button-alternative-text`: en el esquema de
 * Chamilo el primero es el color del texto cuando el botón va en versión
 * contorno/fantasma (texto EN el color), y el segundo cuando va relleno (texto
 * SOBRE el color). Por eso en el tema original `--color-primary-button-text`
 * repite el valor de `--color-primary-base`. Aquí se respeta esa convención.
 */

:root {
  /* Primario — navy de marca #1a104f, con #2d1c7a como compañero de gradiente.
     El gradiente también alimenta los `hover:bg-primary-gradient/10`, que al 10 %
     dan justo el lavanda de Licuna (#EEE7FD). */
  --color-primary-base: 26 16 79;
  --color-primary-gradient: 45 28 122;
  --color-primary-button-text: 26 16 79;
  --color-primary-button-alternative-text: 255 255 255;

  /* Secundario — el rosa CTA #efaef0. Texto navy encima, nunca blanco: con
     blanco serían 1,75:1 y es exactamente el defecto que se vino a evitar. */
  --color-secondary-base: 239 174 240;
  --color-secondary-gradient: 246 205 247;
  --color-secondary-button-text: 26 16 79;

  /* Terciario — el morado apagado #6b5fa0 que Licuna usa para texto secundario. */
  --color-tertiary-base: 107 95 160;
  --color-tertiary-gradient: 77 68 120;
  --color-tertiary-button-text: 255 255 255;

  /* Éxito — #13612e, el verde semántico de Licuna. */
  --color-success-base: 19 97 46;
  --color-success-gradient: 13 71 33;
  --color-success-button-text: 255 255 255;

  /* Info — el azul de marca #5c99e0. Texto navy: con blanco son 2,96:1. */
  --color-info-base: 92 153 224;
  --color-info-gradient: 168 197 237;
  --color-info-button-text: 26 16 79;

  /* Aviso — #f7630c. Texto navy: con blanco son 3,11:1, insuficiente para
     texto normal. */
  --color-warning-base: 247 99 12;
  --color-warning-gradient: 201 78 6;
  --color-warning-button-text: 26 16 79;

  /* Error — #b82105. */
  --color-danger-base: 184 33 5;
  --color-danger-gradient: 140 25 4;
  --color-danger-button-text: 255 255 255;

  /* Formularios — navy, para que el foco y los bordes de campo lean como el
     resto de la interfaz. El halo azul de marca lo pone `licuna.css`. */
  --color-form-base: 26 16 79;
}
