:root {
  --font-display: 'Syne', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  
  --c-bg: #06080e;
  --c-accent: #00f0ff;
  --c-accent-glow: rgba(0, 240, 255, 0.4);
  --c-gold: #ffb86c;
  
  --c-os-bg: #090c14;
  --c-os-panel: rgba(16, 22, 36, 0.75);
  --c-os-card: rgba(22, 30, 48, 0.85);
  --c-os-border: rgba(255, 255, 255, 0.09);
  --c-os-text: #f0f4fc;
  --c-os-dim: #7e8ba4;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--c-bg);
  font-family: var(--font-mono);
  color: var(--c-os-text);
  user-select: none;
}

#webgl-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  display: block;
}