@font-face {
  font-family: "Archivo";
  src: url("./fonts/archivo/Archivo-Variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root {
  --rayas-logo: 8;
  --rayas-media: 5;
  --rayas-pequena: 3;
  --rayas-raiz: 0.30;
  --rayas-cursiva: 16.7deg;
  --rayas-pendiente: 0.30;
  --rayas-texto-grande: 44px;
  --rayas-texto-medio: 24px;
  --senyal-brand-system: "4.1";
  --senyal-font: "Archivo", Arial, sans-serif;
  --senyal-cream: #F3EBDD;
  --senyal-ink: #101631;
  --senyal-signal: #B8D84F;
  --senyal-signal-hover: #A2C436;
  --senyal-signal-deep: #5C6E00;
  --senyal-white: #FFFDF8;
  --senyal-coral: #E88E72;
  --senyal-mint: #A8CCC3;
  --senyal-lavender: #B5ABE0;
  --senyal-muted: #625E57;
  --senyal-line: rgb(16 22 49 / 18%);
  --senyal-radius-editorial: 0px;
  --senyal-radius-control: 8px;
  --senyal-radius-surface: 12px;
  --senyal-radius-overlay: 16px;
  --senyal-radius-pill: 999px;
  --senyal-display-weight: 900;
  --senyal-display-width: 100;
}

html { font-family: var(--senyal-font); font-synthesis: none; }
body { color: var(--senyal-ink); background: var(--senyal-cream); }
em, i { font-style: normal; }