/* Tokens del selector raíz (index.html): usa la paleta de la demo A. Cada demo tiene los suyos en demos/<x>/css/tokens.css.
   Fuentes: https://fonts.googleapis.com/css2?family=Marcellus&family=Alegreya+Sans:wght@400;500;700&display=swap */
:root {
  --fondo: #f6f5f8;
  --tinta: #1b1a2e;
  --marino: #151441;
  --dorado: #b2936c;
  --acento: var(--marino);
  --acento-tinta: var(--fondo);
  --suave: #ebe9f0;

  --fuente-display: "Marcellus";
  --fuente-texto: "Alegreya Sans";

  --medida: 60rem;
  --espacio: clamp(1rem, 2vw + 0.5rem, 2rem);
  --radio: 4px;
  --sombra: none;

  --t-rapido: 180ms;
  --t-reveal: 700ms;
  --curva: cubic-bezier(0.32, 0.72, 0, 1);
}