/* ==================================================================
   DESIGN SYSTEM EIGEN v1 · Angélica Pokrant y Alejandro Suárez
   Hereda de Design System Base v3 (activos.crecelatam/design-system-base-v3/tokens.css).
   Solo cambian los tokens [CLIENTE · express] y [CLIENTE · personalización].
   Fuente de los valores: Output 7 · Identidad Visual (2026-05-19) y la
   landing EIGEN exportada en PDF (2026-05-22).
   Lo marcado [FIRMA TSF] queda igual que en la Base v3.
   ================================================================== */

:root{
  /* ---------- Color · tema del cliente ---------- */
  --marca:    #1C1810;   /* [CLIENTE · express] Carbón EIGEN: texto, títulos, footer */
  --acento:   #C49A4A;   /* [CLIENTE · express] Dorado ámbar: destacados, viñetas, columna EIGEN */
  --card:     #2A1D55;   /* [CLIENTE · express] tarjeta oscura del bloque de cierre */

  /* Color de acción — SOLO botones CTA y formulario (Amatista EIGEN). */
  --lavanda:       #5C3D8F;   /* [CLIENTE · express] */
  --lavanda-hover: #4B3076;   /* [CLIENTE · express] */
  --lavanda-suave: #E7DFF2;   /* [CLIENTE · express] anillo de foco */
  --grad-lavanda:  linear-gradient(135deg, #6A479F, #5C3D8F);  /* [CLIENTE · express] */
  --texto-accion:  #FFFFFF;   /* [CLIENTE · express] blanco sobre amatista ≈ 9:1 */

  /* ---------- Color · neutros ---------- */
  --fondo:      #F2ECE4;   /* [CLIENTE · personalización] Crema cálido */
  --superficie: #FAF8F5;   /* [CLIENTE · personalización] Blanco roto */
  --negro:      #1C1810;
  --gris-800:   #3A342D;
  --gris-600:   #4A4540;   /* Gris noche */
  --gris-400:   #8A8279;
  --gris-200:   #D9D1C6;
  --blanco:     #FFFFFF;
  --linea:      #E6DED3;
  --marcador:   #EDE5DA;
  --sobre-oscuro:   rgba(255,255,255,.85);
  --sobre-oscuro-2: rgba(255,255,255,.62);
  --grad-claro:  linear-gradient(160deg, #FAF8F5, #F2ECE4);
  --grad-oscuro: linear-gradient(160deg, #1C1810, #3A342D);   /* [CLIENTE · express] sigue a --marca */
  --grad-medio:  linear-gradient(160deg, #8A8279, #FAF8F5);

  /* ---------- Tipografía ---------- */
  --fuente-titulo: "Playfair Display", Georgia, "Times New Roman", serif;           /* [CLIENTE · express] */
  --fuente-cuerpo: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;        /* [CLIENTE · express] */
  --fuente-mono:   "Inter", system-ui, sans-serif;                                   /* [CLIENTE · personalización] etiquetas en versalitas */

  /* Escala y ritmo — [FIRMA TSF] (sin cambios) */
  --phi: 1.618;
  --tamano-cuerpo: 20px;
  --interlineado:  1.6;
  --separacion-parrafo: 1em;
  --t-meta: 15.7px;
  --t-cuerpo: 20px;
  --t-h3: 25.4px;
  --t-h2: clamp(25.4px, 1.2rem + 1.4vw, 32.4px);
  --t-h1: clamp(32.4px, 1.4rem + 3.6vw, 52.4px);
  --t-display: clamp(52.4px, 2rem + 5vw, 84.7px);
  --lh-titulo: 1.12;

  /* ---------- Forma ---------- */
  --r-card:  16px;   /* [CLIENTE · express] */
  --r-media: 14px;   /* [CLIENTE · express] */
  --r-boton: 999px;  /* [CLIENTE · personalización] píldora, como en la landing EIGEN */
  --sombra:    0 14px 34px -18px rgba(28,24,16,.22);
  --sombra-lg: 0 26px 60px -24px rgba(28,24,16,.30);

  /* ---------- Espaciado — [FIRMA TSF] (sin cambios) ---------- */
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;
  --esp-7: 48px;
  --esp-8: 64px;
  --esp-9: 96px;
  --esp-10: 128px;
  --esp-seccion: clamp(64px, 6vw + 32px, 112px);
  --esp-bloque:  clamp(24px, 2vw + 16px, 40px);

  /* ---------- Medidas — [FIRMA TSF] (sin cambios) ---------- */
  --medida:       680px;
  --medida-ancha: 880px;
  --sangria:      28px;

  /* ---------- Movimiento ---------- */
  --reveal-distance: 16px;
  --reveal-duration: 600ms;

  /* ---------- Extensiones EIGEN (fondos de las fases del método) ---------- */
  --fase-0: linear-gradient(135deg, #FDF4EF, #FBE6DC);
  --fase-1: linear-gradient(135deg, #FCE9D9, #F8D6BA);
  --fase-2: linear-gradient(135deg, #FAD9B8, #F2C08E);
  --fase-3: linear-gradient(135deg, #FBF0D6, #F5E2B4);
  --fase-4: linear-gradient(135deg, #F8E6C6, #EED3A1);
  --banda-accion: #5E3E8E;   /* banda full-bleed detrás del formulario (formulario-01) */
}