/* Salus design tokens (source: 02-brand/concepts.md). Sizes follow the reference's vw grid at 1920 design width. */
@font-face { font-family: "Newsreader"; src: url(../fonts/newsreader-italic.woff2) format("woff2"); font-style: italic; font-weight: 200 500; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url(../fonts/newsreader.woff2) format("woff2"); font-style: normal; font-weight: 200 500; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url(../fonts/hanken-grotesk.woff2) format("woff2"); font-style: normal; font-weight: 300 700; font-display: swap; }

:root {
  --clay: #8f4630;
  --clay-deep: #7a3a27;
  --umber: #5e4433;
  --umber-2: #4f3829;
  --sand: #e3d5bf;
  --sand-2: #efe5d4;
  --sand-3: #d6c6ab;
  --stone: #b9a68c;
  --ink: #1b2230;
  --tile: #2b6863;
  --white: #fffaf2;
  --serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --sans: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
  --left: 1.868vw;
  --left2: 2.792vw;
  --top: 8.333vw;
  --arch: 39.865vw;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
}
@media (max-width: 767px) {
  :root { --left: 4.58vw; --left2: 4.58vw; --top: 10vw; }
}