/* ============================================================
   EAJ · Tokens de marca
   Fuente: Manual de Marca §6 — Sistema Visual
   ============================================================ */

:root {
  /* --- Paleta emocional --- */
  --negro-teatral: #0A0A0A;
  --rojo-rosa: #C8102E;
  --verde-jardin: #2D5016;
  --blanco-escenico: #F5F0E8;
  --gris-carbon: #3A3A3A;
  --cobre-vintage: #B87333;

  /* Alias semánticos */
  --color-bg-oscuro: var(--negro-teatral);
  --color-bg-claro: var(--blanco-escenico);
  --color-fondo: var(--blanco-escenico);
  --color-texto: var(--negro-teatral);
  --color-texto-claro: var(--blanco-escenico);
  --color-texto-sec: var(--gris-carbon);
  --color-primario: var(--rojo-rosa);
  --color-acento: var(--verde-jardin);
  --color-acento-calido: var(--cobre-vintage);

  /* Acentos por sub-marca */
  --acento-teatro: var(--rojo-rosa);
  --acento-cafe: var(--cobre-vintage);
  --acento-moniart: var(--verde-jardin);
  --acento-formacion: var(--rojo-rosa);
  --acento-jardin: var(--verde-jardin);

  /* --- Tipografía --- */
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Tamaños fluidos */
  --fs-display: clamp(2.75rem, 6vw + 1rem, 7rem);
  --fs-h1: clamp(2.25rem, 4vw + 1rem, 4rem);
  --fs-h2: clamp(1.75rem, 2.4vw + 0.7rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1vw + 0.7rem, 1.6rem);
  --fs-lead: clamp(1.05rem, 0.6vw + 0.8rem, 1.3rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  /* Espaciado */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* Layout */
  --maxw: 1200px;
  --maxw-lectura: 68ch;
  --radio: 4px;
  --radio-tarjeta: 10px;

  /* Sombras / focos */
  --sombra-suave: 0 4px 20px rgba(10, 10, 10, 0.08);
  --sombra-foco: 0 0 60px rgba(200, 16, 46, 0.35);
  --sombra-calida: 0 12px 40px rgba(184, 115, 51, 0.25);

  /* Movimiento */
  --ease-teatro: cubic-bezier(0.16, 1, 0.3, 1);
  --duracion-lenta: 1.2s;
  --duracion-media: 0.6s;
  --duracion-rapida: 0.25s;

  /* Capas */
  --z-telon: 9999;
  --z-nav: 100;
  --z-overlay: 80;
  --z-flotante: 60;
}