@layer base {
    @media (prefers-color-scheme: dark) {
        :root {
            color-scheme: kafaatlight;
            --color-base-100: oklch(100% 0 0);
            /* --color-base-200: oklch(97.8% 0.005 297.73); */
            --color-base-200: oklch(0.71 0.14 87.07 / 0.15);
            --color-base-300: oklch(37.01% 0.0069 297.49);
            /* --color-base-content: oklch(37.57% 0.022 281.8); */
            --color-base-content: oklch(0% 0 0);

            /* --color-primary: oklch(57.59% 0.247 287.24);
        --color-primary-content: oklch(96.57% 0.017 289.61);
        --color-secondary: oklch(55.79% 0.022 301.91);
        --color-secondary-content: oklch(97.64% 0.001 286.38); */

            /* --color-primary: oklch(27% 0.19 264.05); */
            /* --color-primary: oklch(20% 0.03 241.36); */
            /* --color-primary: oklch(0.57 0.09 74.61);
            --color-primary-content: oklch(100% 0 0); */

            /* --color-secondary: oklch(0.35 0.12 275.52); */
            /* --color-secondary: oklch(0.2 0.03 241.36); */
            /* --color-secondary: oklch(0.35 0.13 278.93);
            --color-primary-content: oklch(100% 0 0); */


            --color-primary: oklch(0.35 0.13 278.93);
            --color-primary-content: oklch(100% 0 0);
            /* --color-secondary: oklch(0.57 0.09 74.61); */
            --color-secondary: oklch(0.71 0.14 87.07);
            --color-secondary-content: oklch(100% 0 0);


            --color-accent: oklch(62.31% 0.188 259.81);
            --color-accent-content: oklch(97.05% 0.014 254.6);
            --color-neutral: oklch(37.57% 0.0222 281.8);
            --color-neutral-content: oklch(0.98 0.0013 286.38);
            --color-info: oklch(71.48% 0.126 215.22);
            --color-info-content: oklch(98.41% 0.019 200.87);
            --color-success: oklch(73.11% 0.217 147.04);
            --color-success-content: oklch(98.1% 0.014 174.18);
            --color-warning: oklch(79.87% 0.164 73.09);
            --color-warning-content: oklch(99.34% 0.011 95.16);
            --color-error: oklch(65.39% 0.222 25.86);
            --color-error-content: oklch(98.76% 0.009 67.73);
            --radius-selector: 0.25rem;
            --radius-field: 0.375rem;
            --radius-box: 0.5rem;
            --size-selector: 0.25rem;
            --size-field: 0.25rem;
            --border: 1px;
            --depth: 0;
            --noise: 0;
            font-family: Rubik;
        }
    }
}