:root {
  --os-bg:#f7f5ef;
  --os-surface:#fffdf8;
  --os-ink:#102f38;
  --os-muted:#52666a;
  --os-teal:#073d48;
  --os-hover:#0b5360;
  --os-border:#d9ddd7;
  --os-gold:#efb447;
  --os-serif:'Cardo',Georgia,'Times New Roman',serif;
  --os-sans:'Inter',Arial,sans-serif;
  --os-gutter:clamp(1.25rem,5.4vw,5rem);
  --os-width:82.5rem;
  --os-space:clamp(3.2rem,5.4vw,5.5rem);
  --os-radius:4px;
  --os-h2:clamp(2.6rem,5.35vw,4.75rem);
}

@font-face {
  font-family:Cardo;
  src:url('../fonts/cardo.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:Inter;
  src:url('../fonts/inter.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}