:root {
  /* Colors from tokens.json */
  --sl-color-bg: #020408;
  --sl-color-gray-6: #030712;
  --sl-color-gray-5: #111827;
  --sl-color-gray-4: #64748b;
  --sl-color-gray-3: #94a3b8;
  --sl-color-gray-2: #e2e8f0;
  --sl-color-gray-1: #f1f5f9;
  --sl-color-white: #f8fafc;

  --sl-color-accent: #10b981;
  --sl-color-accent-high: #059669;
  --sl-color-accent-low: rgba(16, 185, 129, 0.1);

  --sl-color-code-bg: #0b1120;

  /* Typography */
  --font-ui: "Inter", system-ui, -apple-system, sans-serif;
  --font-heading: "Outfit", "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", monospace;
}

/* Midnight Enforcer: Always Dark */
html,
body {
  background-color: var(--sl-color-bg);
  color: var(--sl-color-white);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}