@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 {
  --senyal-brand-system: "4.0";
  --senyal-font: "Archivo", Arial, sans-serif;
  --senyal-cream: #F3EBDD;
  --senyal-ink: #101631;
  --senyal-cobalt: #244BD8;
  --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; }