:root {
  --color-bg: #0b0f14;
  --color-bg-elevated: #121820;
  --color-bg-inset: #0e1319;
  --color-border: #232f3a;
  --color-text: #dbe4ea;
  --color-text-muted: #7c8b96;
  --color-accent: #45b6a8;
  --color-accent-soft: rgba(69, 182, 168, 0.12);

  --font-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;

  --radius-sm: 4px;
  --radius-md: 8px;
}

body {
  background-color: var(--color-bg);
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 24px 24px;
  color: var(--color-text);
}