@font-face {
  font-family: Inter;
  src: url('fonts/inter-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('fonts/inter-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/space-grotesk-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/space-grotesk-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --bg: #0f1115;
  --text: #f3f1ec;
  --accent: #B42830;
  --accent2: #CC9830;
  --surface: #191d24;
  --muted: #bfc2ca;
  --border: #383d48;
  --link: #e8b756;
  --font-body: Inter, system-ui, sans-serif;
  --font-heading: 'Space Grotesk', Inter, system-ui, sans-serif;
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #f3f1ec;
    --text: #171a20;
    --surface: #ffffff;
    --muted: #555964;
    --border: #d4d2cc;
    --link: #8c2028;
  }
}