:root:has(input.theme-controller[value="light"]:checked),
[data-theme="light"] {
    color-scheme: "light";

    --color-base-100: #ffffff; /* cards */
    --color-base-200: #fcfcfc; /* page background */
    --color-base-300: #e6e6e6; /* borders */
    --color-base-content: oklch(25% 0.03 278.072);
    --color-text-muted: oklch(0.35 0 100);

    --color-primary: #1098f7;
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: #d08700;
    --color-secondary-content: oklch(100% 0 0);
    --color-accent: oklch(0.2 0 100);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: #1b8855;
    --color-neutral-content: oklch(100% 0 0);
    --color-info: oklch(60% 0.126 221.723);
    --color-info-content: oklch(100% 0 0);
    --color-success: oklch(62% 0.194 149.214);
    --color-success-content: oklch(100% 0 0);
    --color-warning: oklch(85% 0.199 91.936);
    --color-warning-content: oklch(0% 0 0);
    --color-error: oklch(57% 0.245 27.325);
    --color-error-content: oklch(98% 0.003 247.858);

    --radius-selector: 2rem;
    --radius-field: 0.25rem;
    --radius-box: 0.25rem;

    --size-selector: 0.25rem;
    --size-field: 0.25rem;

    --border: 0.5px;
    --depth: 0;
      --noise: 0;
}

:root:has(input.theme-controller[value="dark"]:checked),
[data-theme="dark"] {
    color-scheme: "dark";

    --color-base-100: #1c1c2a; /* cards */
    --color-base-200: #18181f; /* page background */
    --color-base-300: #2e2e3f; /* borders */
    --color-base-content: hsl(0, 20%, 95%);
    --color-text-muted: oklch(0.85 0 100);

    --color-primary: #3aabff;
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: #f0a500;
    --color-secondary-content: oklch(100% 0 0);
    --color-accent: oklch(0.95 0 100);
    --color-accent-content: oklch(0% 0 0);
    --color-neutral: #22a86a;
    --color-neutral-content: #ffffff;
    --color-info: oklch(54.615% 0.215 262.88);
    --color-info-content: oklch(90.923% 0.043 262.88);
    --color-success: oklch(62.705% 0.169 149.213);
    --color-success-content: oklch(12.541% 0.033 149.213);
    --color-warning: oklch(66.584% 0.157 58.318);
    --color-warning-content: oklch(13.316% 0.031 58.318);
    --color-error: oklch(65.72% 0.199 27.33);
    --color-error-content: oklch(13.144% 0.039 27.33);

    --radius-selector: 2rem;
    --radius-field: 0.25rem;
    --radius-box: 0.25rem;

    --size-selector: 0.25rem;
    --size-field: 0.25rem;

    --border: 0.5px;
    --depth: 0;
      --noise: 0;
}