/* ============================================================================
   TOKENS DE MARCA — fuente única para TODO el sitio
   ============================================================================
   POR QUÉ EXISTE ESTE ARCHIVO
   Las 40 fichas de proyecto quedaron en la paleta vieja (verde #16a34a) mientras
   la portada migró a la paleta de confianza (azul #123b6b). Cada página tenía su
   copia propia de los colores, así que al cambiar la portada nadie propagó el
   cambio: el visitante que hacía clic en un proyecto veía otro sitio.

   Con este archivo, un cambio de paleta se hace UNA vez y llega a las 41 páginas.

   REGLA: ninguna página debe volver a declarar colores propios. Si hace falta un
   color nuevo, se agrega aquí.

   PALETA DE CONFIANZA (verificada WCAG AA, contraste ≥4.5:1 en todo texto)
     Azul  = confianza, autoridad  -> estructura y credibilidad
     Verde = acción, resultado     -> botones y CTA (donde debe hacer clic)
     Oro   = valor, calidad        -> acentos, con moderación
   ============================================================================ */

:root {
  /* --- Base --- */
  --bg: #fcfbf8;
  --bg-alt: #f6f7f9;
  --text: #14243a;
  --muted: #4a5a70;
  --border: #dce3ea;
  --surface: #ffffff;
  --nav-h: 68px;

  /* --- Acento (verde de acción) --- */
  --accent: #0e7a4f;
  --accent-h: #0a5f3d;
  --accent-s: rgba(14, 122, 79, .10);

  /* --- Azul de confianza --- */
  --azul: #123b6b;
  --azul-medio: #1b5490;
  --azul-claro: #e8f0f9;
  --azul-borde: #8fb3d4;

  /* --- Verde de acción --- */
  --verde: #0e7a4f;
  --verde-h: #0a5f3d;
  --verde-claro: #e4f4eb;
  --verde-borde: #b9dfc9;

  /* --- Pasteles --- */
  --pastel-rosa: #f9dde0;
  --pastel-lavanda: #e3def7;
  --pastel-azul: #d9e7f5;
  --pastel-durazno: #fbe7d6;
  --pastel-menta: #daf0e3;
  --pastel-crema: #faf3e7;

  /* --- Dorado (oscurecido para cumplir contraste como texto) --- */
  --gold: #8a6208;
  --gold-soft: #e6c45c;
  --gold-deep: #6e4e06;
  --gold-glow: rgba(138, 98, 8, .45);
  --gold-glow-soft: rgba(230, 196, 92, .25);

  /* --- Contexto oscuro --- */
  --oscuro: #0d2440;
  --oscuro-alt: #123b6b;

  /* --- Tipografía (una sola decisión para todo el sitio) --- */
  --fuente-cuerpo: 'Archivo', system-ui, -apple-system, sans-serif;
  --fuente-titulo: 'Playfair Display', Georgia, serif;
}