/* Magic UI color tokens — verbatim from apps/www/styles/globals.css */
:root{
--radius:0.625rem;
--background:oklch(1 0 0);
--foreground:oklch(0.145 0 0);
--card:oklch(1 0 0);
--card-foreground:oklch(0.145 0 0);
--popover:oklch(1 0 0);
--popover-foreground:oklch(0.145 0 0);
--primary:oklch(0.205 0 0);
--primary-foreground:oklch(0.985 0 0);
--secondary:oklch(0.97 0 0);
--secondary-foreground:oklch(0.205 0 0);
--muted:oklch(0.97 0 0);
--muted-foreground:oklch(0.556 0 0);
--accent:oklch(0.97 0 0);
--accent-foreground:oklch(0.205 0 0);
--destructive:oklch(0.577 0.245 27.325);
--border:oklch(0.922 0 0);
--input:oklch(0.922 0 0);
--ring:oklch(0.708 0 0);
--chart-1:oklch(0.646 0.222 41.116);
--chart-2:oklch(0.6 0.118 184.704);
--chart-3:oklch(0.398 0.07 227.392);
--chart-4:oklch(0.828 0.189 84.429);
--chart-5:oklch(0.769 0.188 70.08);
--sidebar:oklch(0.985 0 0);
--sidebar-foreground:oklch(0.145 0 0);
--sidebar-primary:oklch(0.205 0 0);
--sidebar-primary-foreground:oklch(0.985 0 0);
--sidebar-accent:oklch(0.97 0 0);
--sidebar-accent-foreground:oklch(0.205 0 0);
--sidebar-border:oklch(0.922 0 0);
--sidebar-ring:oklch(0.708 0 0);
--surface:oklch(0.98 0 0);
--surface-foreground:var(--foreground);
--code:var(--surface);
--code-foreground:var(--surface-foreground);
--code-highlight:oklch(0.96 0 0);
--code-number:oklch(0.56 0 0);
--selection:oklch(0.145 0 0);
--selection-foreground:oklch(1 0 0);
/* rainbow palette (RainbowButton, gradients) */
--color-1:oklch(66.2% 0.225 25.9);
--color-2:oklch(60.4% 0.26 302);
--color-3:oklch(69.6% 0.165 251);
--color-4:oklch(80.2% 0.134 225);
--color-5:oklch(90.7% 0.231 133);
/* radius scale */
--radius-sm:calc(var(--radius) - 4px);
--radius-md:calc(var(--radius) - 2px);
--radius-lg:var(--radius);
--radius-xl:calc(var(--radius) + 4px);
}
.dark{
--background:oklch(0.145 0 0);
--foreground:oklch(0.985 0 0);
--card:oklch(0.205 0 0);
--card-foreground:oklch(0.985 0 0);
--popover:oklch(0.205 0 0);
--popover-foreground:oklch(0.985 0 0);
--primary:oklch(0.922 0 0);
--primary-foreground:oklch(0.205 0 0);
--secondary:oklch(0.269 0 0);
--secondary-foreground:oklch(0.985 0 0);
--muted:oklch(0.269 0 0);
--muted-foreground:oklch(0.708 0 0);
--accent:oklch(0.269 0 0);
--accent-foreground:oklch(0.985 0 0);
--destructive:oklch(0.704 0.191 22.216);
--border:oklch(1 0 0 / 10%);
--input:oklch(1 0 0 / 15%);
--ring:oklch(0.556 0 0);
--chart-1:oklch(0.488 0.243 264.376);
--chart-2:oklch(0.696 0.17 162.48);
--chart-3:oklch(0.769 0.188 70.08);
--chart-4:oklch(0.627 0.265 303.9);
--chart-5:oklch(0.645 0.246 16.439);
--sidebar:oklch(0.205 0 0);
--sidebar-foreground:oklch(0.985 0 0);
--sidebar-primary:oklch(0.488 0.243 264.376);
--sidebar-primary-foreground:oklch(0.985 0 0);
--sidebar-accent:oklch(0.269 0 0);
--sidebar-accent-foreground:oklch(0.985 0 0);
--sidebar-border:oklch(1 0 0 / 10%);
--sidebar-ring:oklch(0.556 0 0);
--surface:oklch(0.2 0 0);
--surface-foreground:oklch(0.708 0 0);
--code:var(--surface);
--code-foreground:var(--surface-foreground);
--code-highlight:oklch(0.27 0 0);
--code-number:oklch(0.72 0 0);
--selection:oklch(0.922 0 0);
--selection-foreground:oklch(0.205 0 0);
}