/* Payroll-Lah Theme System - Standard, Dark, and Comfort themes */

/* === Standard Theme (Default) === */
.theme-standard {
    --mud-palette-primary: #4b0973;
    --mud-palette-primary-rgb: 75, 9, 115;
    --mud-palette-primary-text: #ffffff;
    --mud-palette-secondary: #9d3975;
    --mud-palette-secondary-rgb: 157, 57, 117;
    --mud-palette-secondary-text: #ffffff;
    --mud-palette-tertiary: #1ec8a5;
    --mud-palette-info: #2196f3;
    --mud-palette-success: #4caf50;
    --mud-palette-warning: #ff9800;
    --mud-palette-error: #f44336;
    --mud-palette-dark: #424242;
    --mud-palette-text-primary: #212121;
    --mud-palette-text-secondary: #757575;
    --mud-palette-background: #fafafa;
    --mud-palette-background-grey: #f5f5f5;
    --mud-palette-surface: #ffffff;
    --mud-palette-appbar-background: #e6e6e6;
    --mud-palette-appbar-text: #212121;
    --mud-palette-drawer-background: #e6e6e6;
    --mud-palette-drawer-text: #424242;
    --mud-palette-drawer-icon: #616161;
    --mud-palette-action-default: #757575;
    --mud-palette-action-disabled: #bdbdbd;
    --mud-palette-action-disabled-background: #f5f5f5;
    --mud-palette-hover-opacity: 0.06;
    --mud-palette-focus-opacity: 0.12;
}

/* === Dark Theme (Soft & Comfortable) === */
.theme-dark {
    --mud-palette-primary: #7da3c4;
    --mud-palette-primary-rgb: 125, 163, 196;
    --mud-palette-primary-text: #1a1d23;
    --mud-palette-secondary: #a890b8;
    --mud-palette-secondary-rgb: 168, 144, 184;
    --mud-palette-secondary-text: #1a1d23;
    --mud-palette-tertiary: #7db8a8;
    --mud-palette-info: #6b9cc4;
    --mud-palette-success: #7da87d;
    --mud-palette-warning: #c4a87d;
    --mud-palette-error: #c47d7d;
    --mud-palette-dark: #1f2229;
    --mud-palette-text-primary: #b8c0c9;
    --mud-palette-text-secondary: #8b95a5;
    --mud-palette-background: #13151a;
    --mud-palette-background-grey: #1a1d24;
    --mud-palette-surface: #1a1d24;
    --mud-palette-appbar-background: #0A0A0A;
    --mud-palette-appbar-text: #b8c0c9;
    --mud-palette-drawer-background: #1a1d24;
    --mud-palette-drawer-text: #b8c0c9;
    --mud-palette-drawer-icon: #8b95a5;
    --mud-palette-action-default: #8b95a5;
    --mud-palette-action-disabled: #4a515e;
    --mud-palette-action-disabled-background: #2f353d;
    --mud-palette-hover-opacity: 0.06;
    --mud-palette-focus-opacity: 0.12;
}

/* === Comfort Theme (Low contrast, warm tones) === */
.theme-comfort {
    --mud-palette-primary: #5d8c7f;
    --mud-palette-primary-rgb: 93, 140, 127;
    --mud-palette-primary-text: #ffffff;
    --mud-palette-secondary: #c9a959;
    --mud-palette-secondary-rgb: 201, 169, 89;
    --mud-palette-secondary-text: #ffffff;
    --mud-palette-tertiary: #8f9c6c;
    --mud-palette-info: #6b9bc2;
    --mud-palette-success: #7ba05b;
    --mud-palette-warning: #c9a959;
    --mud-palette-error: #c9705d;
    --mud-palette-dark: #3d3d3d;
    --mud-palette-text-primary: #3d3d3d;
    --mud-palette-text-secondary: #6b6b6b;
    --mud-palette-background: #f8f6f3;
    --mud-palette-background-grey: #f0ede8;
    --mud-palette-surface: #ffffff;
    --mud-palette-appbar-background: #5D8C7F;
    --mud-palette-appbar-text: #ffffff;
    --mud-palette-drawer-background: #E4E3E0;
    --mud-palette-drawer-text: #3d3d3d;
    --mud-palette-drawer-icon: #6b6b6b;
    --mud-palette-action-default: #6b6b6b;
    --mud-palette-action-disabled: #b0b0b0;
    --mud-palette-action-disabled-background: #e8e5e0;
    --mud-palette-hover-opacity: 0.05;
    --mud-palette-focus-opacity: 0.1;
}

/* Apply theme to MudBlazor */
.mud-theme-standard {
    background-color: #fafafa;
    color: #212121;
}

.mud-theme-dark {
    background-color: #13151a;
    color: #b8c0c9;
}

.mud-theme-comfort {
    background-color: #f8f6f3;
    color: #3d3d3d;
}

/* Theme-specific component styles */
.theme-dark .mud-input {
    background-color: #1f2229;
    color: #b8c0c9;
}

.theme-dark .mud-paper {
    background-color: #1a1d24;
    color: #b8c0c9;
}

.theme-comfort .mud-paper {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.theme-comfort .mud-button-filled.mud-button-filled-primary {
    background-color: #5d8c7f;
}

.theme-comfort .mud-button-filled.mud-button-filled-secondary {
    background-color: #c9a959;
}

.theme-comfort .mud-nav-link.active {
    background-color: #C8D0C8;
}