@font-face {
  font-family: 'Space Grotesk';
  src: url('/brand/fonts/space-grotesk-variable.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/brand/fonts/ibm-plex-mono-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --dh-lime: #ceff91;
  --dh-lime-soft: #e5ffc6;
  --dh-lime-rgb: 206, 255, 145;
  --dh-ink: #020401;
  --dh-ink-2: #060b04;
  --dh-surface: #0e150b;
  --dh-surface-2: #172012;
  --dh-line: rgba(206, 255, 145, .18);
  --dh-line-strong: rgba(206, 255, 145, .34);
  --dh-text: #f5f8ef;
  --dh-muted: #a8b59a;
  --dh-dim: #6f7c64;
  --dh-font-sans: 'Space Grotesk', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --dh-font-mono: 'IBM Plex Mono', 'SF Mono', 'Fira Code', 'JetBrains Mono', Menlo, Consolas, monospace;
}