:root {
    /* Base Colors */
    --mds-color-primary: #1e315e;
    --mds-color-on-primary-surface: #ffffff;
    --mds-color-secondary: #1e315e;
    --mds-color-on-secondary-surface: #ffffff;
    --mds-color-default-background: #f5f5f5;
    --mds-color-default-text: #1f2937;

    /* Overlay Colors */
    --pwa-splash-background:     #F4F7FA;
    --pwa-splash-text-color:     #374151;
    --pwa-transition-background: #F4F7FA;
    --pwa-transition-text-color: #374151;

    /* Primary Palette (OKLCH) */
    --mds-primitive-primary-50: oklch(97.00% 0.0640 264.88);
    --mds-primitive-primary-100: oklch(94.00% 0.0653 264.88);
    --mds-primitive-primary-200: oklch(87.00% 0.0682 264.88);
    --mds-primitive-primary-300: oklch(77.00% 0.0724 264.88);
    --mds-primitive-primary-400: oklch(67.00% 0.0766 264.88);
    --mds-primitive-primary-500: oklch(32.31% 0.0837 264.88);
    --mds-primitive-primary-600: oklch(47.00% 0.0825 264.88);
    --mds-primitive-primary-700: oklch(37.00% 0.0783 264.88);
    --mds-primitive-primary-800: oklch(27.00% 0.0741 264.88);
    --mds-primitive-primary-900: oklch(17.00% 0.0699 264.88);
    --mds-primitive-primary-950: oklch(10.00% 0.0670 264.88);

    /* Secondary Palette (OKLCH) */
    --mds-primitive-secondary-50: oklch(97.00% 0.0640 264.88);
    --mds-primitive-secondary-100: oklch(94.00% 0.0653 264.88);
    --mds-primitive-secondary-200: oklch(87.00% 0.0682 264.88);
    --mds-primitive-secondary-300: oklch(77.00% 0.0724 264.88);
    --mds-primitive-secondary-400: oklch(67.00% 0.0766 264.88);
    --mds-primitive-secondary-500: oklch(32.31% 0.0837 264.88);
    --mds-primitive-secondary-600: oklch(47.00% 0.0825 264.88);
    --mds-primitive-secondary-700: oklch(37.00% 0.0783 264.88);
    --mds-primitive-secondary-800: oklch(27.00% 0.0741 264.88);
    --mds-primitive-secondary-900: oklch(17.00% 0.0699 264.88);
    --mds-primitive-secondary-950: oklch(10.00% 0.0670 264.88);
}

[data-theme="dark"] {
    /* Base Colors - Dark Mode */
    --mds-color-primary: #1e315e;
    --mds-color-on-primary-surface: #ffffff;
    --mds-color-secondary: #1e315e;
    --mds-color-on-secondary-surface: #ffffff;
    --mds-color-default-background: #f5f5f5;
    --mds-color-default-text: #1f2937;

    /* Overlay Colors - Dark Mode */
    --pwa-splash-background:     #F4F7FA;
    --pwa-splash-text-color:     #374151;
    --pwa-transition-background: #F4F7FA;
    --pwa-transition-text-color: #374151;

    /* Primary Palette - Dark Mode (OKLCH) */
    --mds-primitive-primary-50: oklch(97.00% 0.0640 264.88);
    --mds-primitive-primary-100: oklch(94.00% 0.0653 264.88);
    --mds-primitive-primary-200: oklch(87.00% 0.0682 264.88);
    --mds-primitive-primary-300: oklch(77.00% 0.0724 264.88);
    --mds-primitive-primary-400: oklch(67.00% 0.0766 264.88);
    --mds-primitive-primary-500: oklch(32.31% 0.0837 264.88);
    --mds-primitive-primary-600: oklch(47.00% 0.0825 264.88);
    --mds-primitive-primary-700: oklch(37.00% 0.0783 264.88);
    --mds-primitive-primary-800: oklch(27.00% 0.0741 264.88);
    --mds-primitive-primary-900: oklch(17.00% 0.0699 264.88);
    --mds-primitive-primary-950: oklch(10.00% 0.0670 264.88);

    /* Secondary Palette - Dark Mode (OKLCH) */
    --mds-primitive-secondary-50: oklch(97.00% 0.0640 264.88);
    --mds-primitive-secondary-100: oklch(94.00% 0.0653 264.88);
    --mds-primitive-secondary-200: oklch(87.00% 0.0682 264.88);
    --mds-primitive-secondary-300: oklch(77.00% 0.0724 264.88);
    --mds-primitive-secondary-400: oklch(67.00% 0.0766 264.88);
    --mds-primitive-secondary-500: oklch(32.31% 0.0837 264.88);
    --mds-primitive-secondary-600: oklch(47.00% 0.0825 264.88);
    --mds-primitive-secondary-700: oklch(37.00% 0.0783 264.88);
    --mds-primitive-secondary-800: oklch(27.00% 0.0741 264.88);
    --mds-primitive-secondary-900: oklch(17.00% 0.0699 264.88);
    --mds-primitive-secondary-950: oklch(10.00% 0.0670 264.88);
}