@font-face {
  font-family: 'Space Grotesk';
  src: url('/assets/fonts/SpaceGrotesk-Regular.5ede28c4425f.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('/assets/fonts/SpaceGrotesk-Medium.3183b7eb0b42.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('/assets/fonts/SpaceGrotesk-Bold.7209bbb75fc0.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('/assets/fonts/JetBrainsMono-Regular.a0bf60ef0f83.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('/assets/fonts/JetBrainsMono-Medium.31c92d01a8a0.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('/assets/fonts/JetBrainsMono-Bold.5590990c82e0.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --bg: #f6f4ec;
  --surface: #ffffff;
  --fg: #1c201b;
  --ink: #233322;
  --muted: #4a5248;
  --marker: #9e4714;
  --system: #18635e;
  --pass: #1d6b3f;
  --hold: #785200;
  --font-ui: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --radius: 3px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #10120f;
    --surface: #181b17;
    --fg: #eceae2;
    --ink: #c5d6c3;
    --muted: #9ca69a;
    --marker: #e08245;
    --system: #68b0ab;
    --pass: #6bbf8a;
    --hold: #e6b85c;
  }
}

[data-theme="dark"] {
  --bg: #10120f;
  --surface: #181b17;
  --fg: #eceae2;
  --ink: #c5d6c3;
  --muted: #9ca69a;
  --marker: #e08245;
  --system: #68b0ab;
  --pass: #6bbf8a;
  --hold: #e6b85c;
}