/* Tokens: sistema Refero (design/DESIGN.md) adaptado a la dirección B «Ventana nocturna». */
:root {
  /* Neutros de la referencia */
  --parchment: #fefffc;
  --paper: #ffffff;
  --linen: #f9faf7;
  --ink: #171717;
  --graphite: #2c2c2c;
  --charcoal: #444141;
  --ash: #646464;
  --fog: #b4b8b4;
  --mist: #dee2de;
  --twilight: #282834;
  --dusk: #1f1f29;
  --signal: #41a1cf;
  --cerulean: #0081c0;

  /* Escenas nocturnas (texto sólido, sin transparencias) */
  --night-ink: #050d22;
  --ivory: #f4efe4;
  --ivory-soft: #d9d3c6;
  --signal-night: #8ccdee;
  --ok: #9fe0b8;
  --warn: #f2c48a;
  --glass-bg: rgba(16, 26, 52, 0.5);
  --glass-border: rgba(255, 255, 255, 0.22);

  /* Tipografía: Fraunces/Inter si se autoalojan en assets/fonts; si no, Georgia/sistema */
  --font-serif: "Fraunces", "ppmondwest", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-display: clamp(2.6rem, 12.5vw, 4rem);
  --fs-heading: clamp(1.6rem, 6vw, 2.5rem);
  --fs-lead: clamp(1.05rem, 3.4vw, 1.2rem);
  --fs-body: 1rem;
  --fs-caption: 0.8125rem;

  /* Espacios (base 4 px) y formas */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
  --radius-btn: 8px;
  --radius-card: 16px;
  --radius-lg: 24px;
  --radius-pill: 50px;

  /* Movimiento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-cine: cubic-bezier(0.7, 0, 0.2, 1);
  --dur-push: 2.2s;
  --dur-fade: 1s;
}