@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/montserrat-black.ttf") format("truetype");
}

/* Shared defaults. Page-specific layout stays in its own stylesheet. */
:root {
  color-scheme: light dark;
  --background: #ffffff;
  --foreground: #050707;
  --muted: var(--site-muted-light, rgba(5, 7, 7, 0.66));
  --line: var(--site-line-light, rgba(5, 7, 7, 0.14));
  --site-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-display-size: min(11.8cqw, 89.68px);
  --site-font-display: "Montserrat", "Arial Black", sans-serif;
  --site-content-width: min(1360px, calc(100% - clamp(16px, 5vw, 72px) * 2));
  --store-badge-height: clamp(40px, 11vw, 48px);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #050707;
    --foreground: #ffffff;
    --muted: rgba(255, 255, 255, 0.72);
    --line: rgba(255, 255, 255, 0.16);
  }
}

* { box-sizing: border-box; }
body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--site-font-body);
  margin: 0;
}
picture, img { display: block; }