1$name: "light";
 2$variant: light;
 3
 4@mixin theme-colors {
 5  --color-base-100: oklch(97% 0.005 325);
 6  --color-base-200: oklch(93% 0.005 300);
 7  --color-base-300: oklch(88% 0.02 275);
 8  --color-base-content: oklch(20% 0.01 325);
 9  --color-primary: oklch(85% 0.07 240);
10  --color-primary-content: oklch(30% 0.05 225);
11  --color-success: oklch(85% 0.24 130);
12  --color-success-content: oklch(27% 0.07 130);
13  --color-warning: oklch(90% 0.115 95);
14  --color-warning-content: oklch(30% 0.07 50);
15  --color-error: oklch(75% 0.14 14);
16  --color-error-content: oklch(30% 0.15 10);
17}
18
19[data-theme="#{$name}"] {
20  color-scheme: $variant;
21  @include theme-colors;
22}