/* ============================================================
   Tokens de marca — Grupo Florecer / WEB Personal
   Reconciliado entre el Florecer Design System (Claude Console,
   ver Mi Contexto/memoria-florecer-design-system.md) y los valores
   ya en producción en las 13 páginas de este sitio.

   Estado: aplicado a las 13 páginas.
   Última actualización: 9 sep 2026 (P0 del audit: anclas alineadas al
   Florecer Design System — navy #0B1D3A, dorado #D4AF37, crema #F6F1E4,
   tinta #141A24; antes navy #0B1C35, dorado #C49A2E, crema #F7F5EF,
   tinta #0D1018).
   ============================================================ */

:root {
  /* --- Núcleo (anclas del Florecer Design System, readme.md §4) --- */
  --navy: #0B1D3A;          /* Azul Navi, ancla. Acción primaria, bloques oscuros, headers */
  --navy-light: #1A2A3A;    /* variante de superficie sobre navy */
  --navy-mid: #15305A;      /* variante media, usada en upsell/downsell */

  --gold: #D4AF37;          /* Dorado, ancla (gold-500). Urgencia y énfasis puntual, nunca fondo de sección */
  --gold-light: #DFC266;    /* dorado claro (DS gold-400) */
  --gold-dark: #7A5F18;     /* dorado para texto sobre crema (DS gold-700, AA en texto pequeño) */

  --cream: #F6F1E4;         /* fondo claro dominante en páginas de venta */
  --cream-alt: #FAF8F2;     /* variante de fondo, usada en sistemadescarga/inventario-carga */
  --border-light: #DDE4EC;  /* borde/línea sutil sobre fondo claro, ya en uso en todas */

  --ink: #141A24;           /* texto/fondo más oscuro, ya en uso en tools/* */
  --gris-neutro: #8899AA;   /* texto secundario sobre navy, ya en uso */

  /* --- Semánticos --- */
  --verde: #06402B;         /* Verde Navi — decidido 8 sep 2026, único verde de marca para todo el sitio */
  --verde-light: #1D9E75;   /* variante clara del verde, para superficies/texto sobre fondo oscuro */
  --verde-bg: #E0F5EA;      /* tinte muy claro para fondos de tarjeta/badge "positivo" (ya en uso, se mantiene) */
  --verde-rgb: 6,64,43;     /* para rgba(var(--verde-rgb), x) en bordes/sombras translúcidas */
  --error: #E04848;         /* el más repetido entre las variantes de rojo/error ya en uso */
  --warning: #EF9F27;       /* usado en tools/* para alertas medias */

  /* --- Tipografía (del Florecer Design System) — aplicada 9 sep 2026 --- */
  --font-display: 'Source Serif 4', Georgia, serif;   /* display, H1-H3, títulos de tarjeta, citas */
  --font-sans: 'Lato', -apple-system, system-ui, sans-serif;  /* todo el texto, etiquetas, botones, cifras */
  --font-body: var(--font-sans);                      /* alias retro-compat, no usar en piezas nuevas */
}

/* ============================================================
   NOTA — verde unificado (decisión 8 sep 2026)

   Antes de esta decisión, cada página usaba un verde distinto:
   index.html #1A7A4A · sistemadescarga/inventario-carga #2F8F5B ·
   test_liderazgo_sostenible #1D9E75 · kit_estabilizacion #4ECCA3 ·
   mapa_calor_fuga_tiempo escala completa (#04342C a #A8D9C5).

   Omar decidió unificar a un solo Verde Navi (--verde, #06402B) en
   todo el sitio. Excepción: mapa_calor_fuga_tiempo.html usa una
   escala completa de verdes para sus gráficos de datos (barras,
   donas) — ahí no aplica "un solo verde", se documenta aparte en
   ese archivo qué se dejó igual y por qué.
   ============================================================ */