.sf{--radius:1.125rem;--background:oklch(98.5% .01 285);--foreground:oklch(22% .03 285);--card:oklch(100% 0 0);--card-foreground:oklch(22% .03 285);--popover:oklch(100% 0 0);--popover-foreground:oklch(22% .03 285);--primary:oklch(45.5% .218 277.7);--primary-foreground:oklch(98.5% .01 285);--secondary:oklch(93.6% .03 285);--secondary-foreground:oklch(30% .05 285);--muted:oklch(93% .03 285);--muted-foreground:oklch(50% .04 285);--accent:oklch(91.5% .05 285);--accent-foreground:oklch(30% .06 285);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(87% .02 285);--input:oklch(87% .02 285);--ring:oklch(45.5% .218 277.7);--chart-1:oklch(45.5% .218 277.7);--chart-2:oklch(60% .19 261);--chart-3:oklch(70% .15 315);--chart-4:oklch(75% .16 240);--chart-5:oklch(82% .14 200)}.dark .sf{--background:oklch(20% .02 285);--foreground:oklch(94% .01 285);--card:oklch(26% .025 285);--card-foreground:oklch(94% .01 285);--popover:oklch(26% .025 285);--popover-foreground:oklch(94% .01 285);--primary:oklch(68% .16 285);--primary-foreground:oklch(20% .03 285);--secondary:oklch(33% .03 285);--secondary-foreground:oklch(94% .01 285);--muted:oklch(33% .03 285);--muted-foreground:oklch(72% .02 285);--accent:oklch(38% .045 285);--accent-foreground:oklch(94% .01 285);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(100% 0 0/.12);--input:oklch(100% 0 0/.15);--ring:oklch(68% .16 285);--chart-1:oklch(68% .16 285);--chart-2:oklch(60% .19 261);--chart-3:oklch(70% .15 315);--chart-4:oklch(75% .16 240);--chart-5:oklch(82% .14 200)}