/* ATERRIZA EU — R1: tokens de diseño.
 * Fuente de verdad: PROMPT_R1_MARCA_WEB.md "Tokens fijados por el cerebro" +
 * REDISEÑO ATERRIZA EU/docs/01_ADN_DE_MARCA.md §12 + guía de logo (imagen 4).
 * Un solo tema (crema + carbón): la marca no pide modo oscuro todavía —
 * ver DECISIÓN PENDIENTE en el informe si María lo quiere más adelante.
 * NO se toca /css/aterrizaeu.css ni /css/mi.css (S10_SRC): esta hoja es
 * nueva, solo la usan las páginas de R1 (portada + /marca/).
 */
:root {
  /* ---- Color: marca --------------------------------------------------- */
  --color-carbon: #0F2A2B;       /* confianza: navegación, titulares, fondos fuertes */
  --color-amarillo: #FFD34D;     /* energía: CTA principal, "mira aquí" — nunca decorativo */
  --color-crema: #F7F5EF;        /* fondo, calma */
  --color-salvia: #6E9C86;       /* progreso, estados positivos */

  /* ---- Color: neutros derivados del carbón (texto secundario, bordes) - */
  --color-carbon-90: #16302f;
  --color-carbon-70: #35504e;
  --color-carbon-50: #5d7876;
  --color-carbon-30: #9db0ac;
  --color-carbon-15: #d3dcd7;
  --color-borde: #e3e0d4;        /* borde suave sobre crema */
  --color-superficie: #ffffff;   /* tarjetas sobre crema */

  /* ---- Color: estados suaves (fondo + texto + borde) ------------------ */
  --color-alerta-bg: #fbe6e6;
  --color-alerta-fg: #8a3b3b;
  --color-alerta-borde: #f0c7c7;

  --color-info-bg: #e8e7f6;
  --color-info-fg: #46457f;
  --color-info-borde: #d3d1ee;

  --color-progreso-bg: #e6f0ea;
  --color-progreso-fg: #3d6b56;
  --color-progreso-borde: #c9decf;

  --color-completado-bg: #dcebe1;
  --color-completado-fg: #2c5942;
  --color-completado-borde: #bfdac9;

  /* ---- Tipografía ------------------------------------------------------ */
  --fuente-principal: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fuente-manuscrita: 'Caveat', cursive; /* recurso puntual, nunca cuerpo de texto */

  --peso-regular: 400;
  --peso-medio: 500;
  --peso-semibold: 600;
  --peso-bold: 700;
  --peso-extrabold: 800;

  /* Escala fluida: mínimo en móvil, máximo en escritorio, sin media queries */
  --texto-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --texto-sm: clamp(0.875rem, 0.84rem + 0.15vw, 0.9375rem);
  --texto-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --texto-md: clamp(1.125rem, 1.06rem + 0.3vw, 1.25rem);
  --texto-lg: clamp(1.375rem, 1.25rem + 0.55vw, 1.625rem);
  --texto-xl: clamp(1.75rem, 1.55rem + 0.9vw, 2.125rem);
  --texto-2xl: clamp(2.125rem, 1.8rem + 1.5vw, 2.75rem);
  --texto-3xl: clamp(2.5rem, 2rem + 2.3vw, 3.5rem);

  --interlineado-ajustado: 1.15;
  --interlineado-titular: 1.2;
  --interlineado-texto: 1.55;

  /* ---- Espaciado (escala 4px) ------------------------------------------ */
  --espacio-1: 0.25rem;
  --espacio-2: 0.5rem;
  --espacio-3: 0.75rem;
  --espacio-4: 1rem;
  --espacio-5: 1.5rem;
  --espacio-6: 2rem;
  --espacio-7: 2.5rem;
  --espacio-8: 3rem;
  --espacio-10: 4rem;
  --espacio-12: 5rem;
  --espacio-16: 7rem;

  /* ---- Radios: generosos pero no "pastel" ------------------------------ */
  --radio-sm: 10px;
  --radio-md: 16px;
  --radio-lg: 22px;
  --radio-completo: 999px;

  /* ---- Sombras: mínimas ------------------------------------------------- */
  --sombra-sm: 0 1px 2px rgba(15, 42, 43, 0.06), 0 1px 1px rgba(15, 42, 43, 0.04);
  --sombra-md: 0 6px 20px rgba(15, 42, 43, 0.08), 0 2px 6px rgba(15, 42, 43, 0.05);

  /* ---- Layout ------------------------------------------------------------ */
  --ancho-contenido: 1180px;
  --ancho-lectura: 68ch;
  --gutter: clamp(1rem, 4vw, 2.5rem);

  /* ---- z-index ------------------------------------------------------------ */
  --z-nav-movil: 40;
  --z-cabecera: 30;
  --z-franja-aviso: 50;
  --z-modal: 100;

  /* ---- Transiciones -------------------------------------------------------- */
  --duracion-rapida: 120ms;
  --duracion-media: 220ms;
  --curva: cubic-bezier(0.2, 0, 0, 1);
}