﻿/* LIGHT THEME MAPPING */
.light {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */
    --mud-palette-background: var(--md-sys-color-background);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 2%, var(--md-sys-color-surface-container-lowest));
}

/* LIGHT MEDIUM CONTRAST THEME MAPPING */
.light-medium-contrast {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */
    /*--mud-palette-background: var(--md-sys-color-background);*/
    --mud-palette-background: var(--md-sys-color-surface-container-low);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 2%, var(--md-sys-color-surface-container-lowest));
}

.light-high-contrast {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */
    /*--mud-palette-background: var(--md-sys-color-background);*/
    --mud-palette-background: var(--md-sys-color-surface-container-low);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 2%, var(--md-sys-color-surface-container-lowest));
}

/* DARK THEME MAPPING */
.dark {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */
    --mud-palette-background: var(--md-sys-color-background);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 2%, var(--md-sys-color-surface-container-lowest));
}

/* DARK MEDIUM CONTRAST THEME MAPPING */
.dark-medium-contrast {
    --mud-palette-primary: var(--md-sys-color-primary);
    --mud-palette-primary-text: var(--md-sys-color-on-primary);
    --mud-palette-secondary: var(--md-sys-color-secondary);
    --mud-palette-secondary-text: var(--md-sys-color-on-secondary);
    --mud-palette-tertiary: var(--md-sys-color-tertiary);
    --mud-palette-tertiary-text: var(--md-sys-color-on-tertiary);
    /* Background / surfaces - align page with drawer */

    --mud-palette-background: var(--md-sys-color-background);
    --mud-palette-surface: var(--md-sys-color-surface);
    --mud-palette-appbar-background: var(--md-sys-color-surface-container);
    --mud-palette-appbar-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-background: var(--md-sys-color-surface-container-low);
    --mud-palette-drawer-text: var(--md-sys-color-on-surface);
    --mud-palette-drawer-icon: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-primary: var(--md-sys-color-on-surface);
    --mud-palette-text-secondary: var(--md-sys-color-on-surface-variant);
    --mud-palette-text-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-lines-default: var(--md-sys-color-outline);
    --mud-palette-divider: var(--md-sys-color-outline-variant);
    --mud-palette-error: var(--md-sys-color-error);
    --mud-palette-error-text: var(--md-sys-color-on-error);
    --mud-palette-success: var(--md-sys-color-primary);
    --mud-palette-warning: var(--md-sys-color-tertiary);
    --mud-palette-info: var(--md-sys-color-secondary);
    --mud-palette-action-default: var(--md-sys-color-on-surface);
    --mud-palette-action-disabled: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);
    --mud-palette-action-disabled-background: var(--md-sys-color-surface-variant);
    --mud-palette-table-lines: var(--md-sys-color-outline-variant);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    --mud-palette-background-custom: color-mix(in srgb, var(--md-sys-color-primary-container) 2%, var(--md-sys-color-surface-container-lowest));
}
