/* Identidad propia: rosa empolvado, Young Serif y Figtree (tipografía alojada en fuentes/). El carmesí conserva el contraste AA sobre los fondos pastel. */
:root {
  --lino: #f9e9ee; --lino-2: #f4dde6; --papel: #fff7f9; --blanco: #fff; --campo: #fffafc;
  --tinta: #33203d; --suave: #66506a; --linea: rgba(51, 32, 61, 0.12);
  --vino: #c21f47; --vino-2: #d12b53; --boton-texto: #fff8f2;
  --rosa: #f59bb5; --lila: #c7a6f2; --menta: #9fe0c9; --mantequilla: #ffd98a; --coral: #ff8a7a; --verde: #2fb487;
  --sombra-boton: 0 14px 34px -18px rgba(142, 36, 51, 0.7);
  --sombra-tarjeta: 0 20px 40px -32px rgba(51, 32, 61, 0.45);

  --f-titulo: "Young Serif", Georgia, "Times New Roman", serif;
  --f-ui: Figtree, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-nota: "Shadows Into Light", "Bradley Hand", "Chalkboard SE", cursive;

  --radio: 20px;
  --margen: clamp(20px, 5vw, 72px);
  --pagina: min(1240px, calc(100% - 2 * var(--margen)));
  --cabecera: 72px;
  --ease: cubic-bezier(0.22, 0.68, 0.31, 1);
}
html { background: var(--lino); }
body { margin: 0; font: 400 16px/1.5 var(--f-ui); color: var(--tinta); background: var(--lino); -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
:where(h1, h2, h3, p, ul, ol, figure) { margin: 0; }
::selection { background: var(--rosa); color: var(--tinta); }
:focus-visible { outline: 3px solid var(--vino); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }