:root {
  color-scheme: light;
  --background: oklch(0.985 0.01 250);
  --foreground: oklch(0.21 0.035 260);
  --primary: oklch(0.52 0.2 263);
  --chart-1: oklch(0.56 0.21 263);
  background: var(--background);
}

:root.dark {
  color-scheme: dark;
  --background: oklch(0.16 0.025 260);
  --foreground: oklch(0.96 0.01 255);
  --primary: oklch(0.66 0.18 263);
  --chart-1: oklch(0.66 0.18 263);
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--foreground);
  background-color: var(--background);
  background-image:
    radial-gradient(circle at 8% 8%, color-mix(in oklch, var(--primary) 13%, transparent) 0%, transparent 35%),
    radial-gradient(circle at 92% 92%, color-mix(in oklch, var(--chart-1) 10%, transparent) 0%, transparent 40%);
}