/* SISTA design tokens — ported verbatim from Concept E
   (ukm--one-sista-dumpling-e @ 694cd0893bdd1e045f10ee0c134c063497bb1307).
   Canonical visual source. Do not approximate. */

@font-face {
  font-family: "Bild Poster";
  src: url("../fonts/bild-poster-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bild Poster";
  src: url("../fonts/bild-poster-semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Tight";
  src: url("../fonts/inter-tight-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --cream: #f1efe2;
  --ink: #000000;
  --burgundy: #591414;
  --red: #f73e19;
  --red-hover: #d6310f;
  --pink: #f891da;
  --green: #003828;
  --yellow: #ffbb33;
  --lilac: #ab8df5;
  --blue: #9ec3f1;
  --olive: #7e6707;

  --muted: rgba(0, 0, 0, 0.6);
  --hairline: rgba(0, 0, 0, 0.14);

  --font-display: "Bild Poster", "Arial Narrow", Impact, sans-serif;
  --font-sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto,
    Arial, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;

  --header-h: 66px;
  --wrap: 1280px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section: clamp(4.5rem, 10vw, 9rem);
  --radius: 2px;
}