:root {
  --brand-red: #e03d27;
  --brand-red-dark: #b82a17;
  --panel: #0d0d0e;
  --panel-soft: #161618;
  --border-light: rgba(255, 255, 255, 0.12);
  --font-sans: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

* {
  box-sizing: border-box;
}

html {
  color-scheme: dark;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--brand-red);
  color: #fff;
  font-family: var(--font-sans);
}

button,
input {
  font: inherit;
}

code,
.font-mono {
  font-family: var(--font-mono);
}