:root {
  color-scheme: light;
  /* Paleta Fer Ayala Estudio (v3).
     Guía de uso en la interfaz (no aplica al contenido de las fotos):
     Marfil cálido 70 · Thorn Crown 15 · Blood Bargain 10 · Rosa empolvado 4 · Azul cobalto 1 */
  --marfil: #FFF0E3;   /* fondo principal */
  --thorn: #2D1036;    /* títulos, botones, menú, detalles gráficos; texto general */
  --blood: #6B0733;    /* fondos oscuros, taller y pie de página */
  --rosa: #D8A6BA;     /* detalles gráficos e ilustraciones */
  --cobalto: #4056C8;  /* acentos pequeños, flechas y enlaces */

  --rosa-suave: #EECFD0;          /* tinte de rosa para tarjetas y burbujas */
  --texto-suave: #6E5468;         /* texto secundario */

  /* Nombres heredados que usa site.css, apuntando a la paleta nueva */
  --ivory: var(--marfil);
  --paper: #FFF7F0;
  --charcoal: var(--thorn);
  --olive: var(--thorn);
  --chocolate: var(--thorn);
  --terracotta: var(--cobalto);
  --magenta: var(--thorn);
  --sand: var(--rosa-suave);
  --line: var(--rosa);
  --muted: var(--texto-suave);

  /* Tipografías */
  --font-display: 'Space Grotesk', 'DM Sans', Arial, sans-serif;  /* títulos principales */
  --font-body: 'DM Sans', Arial, sans-serif;                      /* textos, menús, botones */
  --font-accent: 'Instrument Serif', Georgia, serif;              /* frases especiales (itálica) */

  --gutter: clamp(1.25rem, 4.7vw, 5rem);
  --max-width: 1600px;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
}