/* ===================================================================
   IDENTIDAD VISUAL DE LA CAA — ÚNICA FUENTE DE VERDAD DEL REPOSITORIO
   -------------------------------------------------------------------
   Identidad del Arma de Artillería: ROJO PUNZÓ + NEGRO + GRISES.
   El verde militar es un acento TERCIARIO (reglas finas, detalles de
   hover); el oro es el metal del escudo y solo aparece en la gestión.

   Lo consumen las TRES interfaces del sistema:
     · Portal público   -> portal/css/portal.css
     · Panel de gestión -> css/skin-santa-barbara.css   (AdminLTE 4)
     · Django Admin     -> admin/css/caa-theme.css

   REGLA: ningún valor hexadecimal de marca puede escribirse fuera de
   este archivo. Las otras hojas mapean sus propias variables a estos
   tokens con `var(--caa-*)`. Hay un test que lo verifica
   (`apps/portal/tests/test_identidad.py`); si falla, el color nuevo va
   acá y no allá. Ver `docs/identidad-visual.md`.
   =================================================================== */

:root {
  /* --- Primario: rojo punzó ------------------------------------- */
  --caa-rojo: #C8102E;              /* acento principal: CTA, nav activo */
  --caa-rojo-oscuro: #8F0B21;       /* hover / pressed (ÚNICO hover válido) */
  --caa-rojo-claro: #E01F3A;        /* apertura de degradés y realces */
  --caa-rojo-profundo: #A10D22;     /* cierre de degradés */
  --caa-rojo-rgb: 200, 16, 46;      /* para rgba(var(--caa-rojo-rgb), α) */

  /* Tintes del punzó sobre fondo CLARO */
  --caa-rojo-enfasis: #7D0A1D;      /* texto punzó sobre claro (contraste AA) */
  --caa-rojo-suave: #F8DBE0;        /* fondos sutiles (alerts, badges) */
  --caa-rojo-borde: #E7A6AF;
  --caa-rojo-borde-fuerte: #E07D8A;

  /* Tintes del punzó sobre fondo OSCURO */
  --caa-rojo-enfasis-oscuro: #EF8F9C;
  --caa-rojo-fondo-oscuro: #2A0A10; /* fondos y glows apenas teñidos */
  --caa-rojo-borde-oscuro: #5C1420;
  --caa-rojo-enlace-oscuro: #EF6D7E;
  --caa-rojo-enlace-oscuro-hover: #F59AA6;

  /* --- Neutros: la escala de superficies oscuras ----------------- */
  --caa-negro: #0E0E10;             /* fondo base (ÚNICO negro válido) */
  --caa-gris-950: #141518;          /* elevación 1: header, sidebar, panel */
  --caa-gris-900: #1B1C1E;          /* elevación 2: secciones oscuras */
  --caa-gris-700: #3A3B3E;          /* elevación 3: tarjetas sobre oscuro */
  --caa-gris-300: #C9CBCE;          /* texto secundario sobre oscuro */
  --caa-gris-100: #F2F3F4;          /* fondos de sección claros */
  --caa-blanco: #FFFFFF;

  /* --- Acentos secundarios -------------------------------------- */
  /* Oro: el metal del escudo. Acento de la gestión (KPI, badges). */
  --caa-oro: #C9A227;
  --caa-oro-claro: #D8B23C;
  --caa-oro-oscuro: #B58C1E;
  --caa-oro-profundo: #B7891A;
  --caa-oro-tinta: #201607;         /* texto sobre fondo oro */
  --caa-oro-rgb: 201, 162, 39;
  /* Acero: acento neutro (KPI, filas alternas). */
  --caa-acero: #4A5568;
  --caa-acero-rgb: 74, 85, 104;
  /* Verde militar: TERCIARIO. Máximo 5% del viewport, nunca un fondo. */
  --caa-verde: #4B5320;

  /* --- Derivados de uso ----------------------------------------- */
  --caa-texto-oscuro: #17181A;      /* texto sobre fondos claros */
  --caa-borde-claro: #DDDFE1;
  --caa-borde-oscuro: #2C2D30;

  /* --- Tipografía ------------------------------------------------ */
  /* Oswald para títulos (condensada, institucional) e Inter para texto.
     Ambas auto-hospedadas en portal/fonts/ (ver portal/css/fuentes.css):
     el sitio público no pide nada a terceros. */
  --caa-tipo-display: "Oswald", "Barlow Condensed", "Arial Narrow", sans-serif;
  --caa-tipo-texto: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --caa-tracking-titulo: 0.06em;    /* mayúsculas generosas */
  --caa-tracking-menu: 0.09em;

  /* --- Ritmo y superficies (solo portal) ------------------------- */
  --caa-ancho: 1200px;
  --caa-gutter: clamp(1.15rem, 4vw, 2.5rem);
  --caa-seccion-y: clamp(3rem, 7vw, 5.5rem);
  --caa-radio: 2px;                 /* institucional: esquinas casi rectas */
  --caa-sombra: 0 10px 30px rgba(0, 0, 0, 0.18);
  --caa-header-alto: 74px;
  --caa-transicion: 180ms ease;
}