/* Cargar 01–05, en este orden, después de Astra y sus estilos en línea. */
@font-face {
  font-family: "Mona Sans";
  src: url("../fonts/MonaSans-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/SourceSerif4-Italic-Variable.woff2") format("woff2");
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
}
body.wbd-site {
  --wbd-paper: #F3F1E8;
  --wbd-ink: #0D0F1A;
  --wbd-muted: #55594F;
  --wbd-muted-dark: #BFC5BA;
  --wbd-green: #4AFB61;
  --wbd-blue: #0081E6;
  --wbd-link: #185B36;
  --wbd-line: #C7CABF;
  --wbd-line-dark: #454B48;
  --wbd-gradient: linear-gradient(105deg, #0081E6, #4AFB61);
  --wbd-sans: "Mona Sans", "Arial", "Helvetica Neue", sans-serif;
  --wbd-serif: "Source Serif 4", "Georgia", "Times New Roman", serif;
  --wbd-body: max(16px, clamp(1rem, .96rem + .2vw, 1.125rem));
  --wbd-display: clamp(32px, 4.6vw, 4.5rem);
  --wbd-title: clamp(2rem, 4.8vw, 4.6rem);
  --wbd-gap-1: .5rem;
  --wbd-gap-2: 1rem;
  --wbd-gap-3: 1.5rem;
  --wbd-gap-4: 2rem;
  --wbd-gap-5: 3rem;
  --wbd-gap-6: clamp(3.5rem, 7vw, 7rem);
  --wbd-gutter: clamp(1.25rem, 4vw, 4rem);
  --wbd-width: 78rem;
  --wbd-radius: .25rem;
}
