@layer theme {

  :root,
  :root:has(input.theme-controller[value=expenseanalysis]:checked),
  [data-theme=expenseanalysis] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(93% 0 0);
    --color-base-300: oklch(86% 0 0);
    --color-base-content: oklch(22.389% 0.031 278.072);
    --color-primary: oklch(58% 0.158 241.966);
    --color-primary-content: oklch(100% 0 0);
    --color-secondary: oklch(55% 0.046 257.417);
    --color-secondary-content: oklch(100% 0 0);
    --color-accent: oklch(60% 0.118 184.704);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(0% 0 0);
    --color-neutral-content: oklch(100% 0 0);
    --color-info: oklch(60% 0.126 221.723);
    --color-info-content: oklch(71% 0.143 215.221);
    --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(70% 0.191 22.216);
    --color-error-content: oklch(0% 0 0);

    /* (Light Theme Period Colors) */
    --color-period-1: oklch(70% 0.191 22.216);
    --color-period-1-content: oklch(0% 0 0);

    --color-period-2: oklch(75% 0.17 60);
    --color-period-2-content: oklch(0% 0 0);

    --color-period-3: oklch(85% 0.199 91.936);
    --color-period-3-content: oklch(0% 0 0);

    --color-period-4: oklch(80% 0.15 130);
    --color-period-4-content: oklch(0% 0 0);

    --color-period-5: oklch(88% 0.10 135);
    --color-period-5-content: oklch(0% 0 0);

    --color-period-6: oklch(62% 0.194 149.214);
    --color-period-6-content: oklch(100% 0 0);

    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.25rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1.5px;
    --depth: 0;
    --noise: 1;
  }

  :root:has(input.theme-controller[value=business]:checked),
  [data-theme=business] {
    color-scheme: dark;
    --color-base-100: oklch(24.353% 0 0);
    --color-base-200: oklch(22.648% 0 0);
    --color-base-300: oklch(20.944% 0 0);
    --color-base-content: oklch(84.87% 0 0);
    --color-primary: oklch(41.703% .099 251.473);
    --color-primary-content: oklch(88.34% .019 251.473);
    --color-secondary: oklch(64.092% .027 229.389);
    --color-secondary-content: oklch(12.818% .005 229.389);
    --color-accent: oklch(67.271% .167 35.791);
    --color-accent-content: oklch(13.454% .033 35.791);
    --color-neutral: oklch(27.441% .013 253.041);
    --color-neutral-content: oklch(85.488% .002 253.041);
    --color-info: oklch(62.616% .143 240.033);
    --color-info-content: oklch(12.523% .028 240.033);
    --color-success: oklch(70.226% .094 156.596);
    --color-success-content: oklch(14.045% .018 156.596);
    --color-warning: oklch(77.482% .115 81.519);
    --color-warning-content: oklch(15.496% .023 81.519);
    --color-error: oklch(51.61% .146 29.674);
    --color-error-content: oklch(90.322% .029 29.674);

    /* (Dark Theme Period Colors) */
    --color-period-1: oklch(51.61% .146 29.674);
    --color-period-1-content: oklch(90% .029 29);

    --color-period-2: oklch(60% 0.15 60);
    --color-period-2-content: oklch(95% 0.02 60);

    --color-period-3: oklch(77.482% .115 81.519);
    --color-period-3-content: oklch(15% .023 81);

    --color-period-4: oklch(55% 0.12 130);
    --color-period-4-content: oklch(95% 0.01 130);

    --color-period-5: oklch(60% 0.08 135);
    --color-period-5-content: oklch(15% 0.01 135);

    --color-period-6: oklch(70.226% .094 156.596);
    --color-period-6-content: oklch(15% .018 156);

    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.25rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1.5px;
    --depth: 0;
    --noise: 1;
  }
}