/* ============================================================
   VARIANTE "OLIVO" — solo valores.
   Para crear otra variante: copiar este archivo con otro nombre,
   cambiar los valores y listo (paso a paso en docs/DISENO.md).
   La estructura vive en css/base.css y NO se toca.
   ============================================================ */

/* Tipografías de la variante (guardadas en /fonts, licencia OFL). */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../../fonts/cormorant-garamond.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../../fonts/cormorant-garamond-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Imperial Script';
  src: url('../../fonts/imperial-script.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- colores ---------- */
  --c-fondo: #faf5ec;              /* crema de la página */
  --c-fondo-alterno: #f3ecdf;      /* secciones alternas */
  --c-superficie: #fffdf8;         /* tarjetas */
  --c-texto: #34322b;
  --c-texto-suave: #6f6a5c;
  --c-primario: #4e5418;           /* verde olivo: botones, títulos */
  --c-primario-texto: #fffdf8;
  --c-acento: #b08d57;             /* dorado: filetes, adornos, números */
  --c-linea: rgb(176 141 87 / 0.45);
  --c-sobre: #414d33;              /* sobre de entrada */
  --c-sobre-solapa: #3a4530;
  --c-sobre-texto: #efe6d2;
  --c-sobre-linea: #c9a768;
  --c-portada-texto: #fffdf8;
  --c-sombra: rgb(52 50 43 / 0.12);

  /* Portada cuando el diseño no trae fondo propio. */
  --portada-fondo:
    radial-gradient(120% 70% at 50% 18%, #6b7442 0%, transparent 70%),
    linear-gradient(180deg, #5a6233 0%, #414d33 55%, #2f3824 100%);
  /* Velo sobre fotos para que el texto blanco se lea. */
  --velo-foto: linear-gradient(180deg, rgb(30 32 22 / 0.35) 0%, rgb(30 32 22 / 0.55) 60%, rgb(30 32 22 / 0.75) 100%);

  /* ---------- tipografías ---------- */
  --f-texto: 'Cormorant Garamond', 'Times New Roman', serif;
  --f-titulo: 'Imperial Script', 'Snell Roundhand', cursive;
  --f-numeros: 'Cormorant Garamond', 'Times New Roman', serif;

  --t-base: 19px;                  /* tamaño de texto normal */
  --t-chico: 0.84rem;
  --t-mediano: 1.15rem;
  --t-grande: 1.45rem;
  --t-titulo: 2.7rem;              /* títulos manuscritos */
  --t-portada-nombre: 3.4rem;
  --t-numero: 2.9rem;              /* contador */
  --peso-texto: 400;
  --peso-fuerte: 600;
  --interlineado: 1.55;
  --espacio-palabras-titulo: 0.14em; /* la letra manuscrita junta las palabras */
  --espaciado-mayus: 0.22em;       /* letras espaciadas (fechas, etiquetas) */

  /* ---------- espacios ---------- */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2.5rem;
  --e-seccion: 3.4rem;             /* aire arriba y abajo de cada sección */
  --e-lateral: 1.6rem;             /* margen a los lados */

  /* ---------- formas ---------- */
  --r-tarjeta: 18px;
  --r-boton: 999px;
  --r-foto: 4px;
  --arco: 50% 50% var(--r-tarjeta) var(--r-tarjeta) / 34% 34% var(--r-tarjeta) var(--r-tarjeta);
  --borde-fino: 1px solid var(--c-linea);
  --sombra-tarjeta: 0 10px 30px -12px var(--c-sombra);

  /* ---------- adornos dibujados (toman el color de --c-acento) ---------- */
  --adorno-separador: url('../../adornos/separador.svg');
  --adorno-titulo: url('../../adornos/ornamento.svg');
  --adorno-rama: url('../../adornos/rama.svg');
  --adorno-opacidad-portada: 0.35;

  /* ---------- movimiento ---------- */
  --anim-duracion: 1.1s;
  --anim-curva: cubic-bezier(0.22, 0.61, 0.36, 1);
  --anim-desplazamiento: 28px;
  --anim-escalonado: 0.12s;        /* retraso entre elementos de una sección */
  --anim-sobre: 1.2s;              /* apertura del sobre */
}