/* Critical shell styles — linked from index.html (not inline) for CSP compliance. */
:root {
  color-scheme: dark;
  --background: oklch(0.16 0.012 260);
  --foreground: oklch(0.97 0.005 260);
  --primary: oklch(0.68 0.22 25);
  --border: oklch(1 0 0 / 0.08);
}

html {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: clip;
  background-color: var(--background);
  color: var(--foreground);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, oklch(0.68 0.22 25 / 0.15), transparent),
    radial-gradient(ellipse 60% 50% at 100% 100%, oklch(0.6 0.24 10 / 0.08), transparent);
  background-attachment: fixed;
}

#root {
  min-height: 100vh;
}