:root{

    --color-primary-50: oklch(97% 0.02 260);
    --color-primary-100: oklch(94% 0.04 260);
    --color-primary-200: oklch(90% 0.07 260);
    --color-primary-300: oklch(82% 0.12 255);
    --color-primary-400: oklch(73% 0.18 250);

    --color-primary-500: oklch(58% 0.24 255);

    --color-primary-600: oklch(50% 0.22 255);

    --color-primary-700: oklch(42% 0.18 250);

    --color-primary-800: oklch(34% 0.15 250);

    --color-primary-900: oklch(26% 0.10 250);

}
.bg-primary-600 {
    background-color: oklch(0.37 0.06 271.59);
}
.checked\:bg-primary-600:checked {
    background-color: oklch(0.48 0.31 264.28);
}
.dark\:bg-primary-500:where(.dark,.dark *), .dark\:bg-primary-500\/20:where(.dark,.dark *) {
    background-color: oklch(0.62 0.15 263.72);
}
.dark\:checked\:bg-primary-600:where(.dark,.dark *):checked {
    background-color: oklch(0.59 0.16 263.23);
}
.dark .bg-base-50 {
    background-color: #121b2e;
}
.bg-base-50 {
    background-color: #f3f3f3;
}
@supports (color:color-mix(in lab, rgb(253, 248, 248), rgb(240, 238, 238))) {
    .dark\:bg-base-950\/20:where(.dark,.dark *) {
        background-color: 
color-mix(in oklab, oklch(17.348% 0.00206 286.048) 80%, transparent);
    }
}