/* Main application custom styles */

:root {
    --color-secondary: #b0c8ee;
    --color-surface-bright: #353945;
    --color-tertiary-fixed: #bdefbe;
    --color-primary-fixed-dim: #a9c7ff;
    --color-on-primary-fixed: #001b3d;
    --color-on-tertiary-fixed: #002109;
    --color-tertiary-container: #002008;
    --color-outline: #909097;
    --color-primary: #a9c7ff;
    --color-on-secondary-container: #9fb6dc;
    --color-surface-container: #1b1f2b;
    --color-on-secondary: #193150;
    --color-on-error-container: #ffdad6;
    --color-background: #0f131e;
    --color-on-error: #690005;
    --color-inverse-surface: #dfe2f2;
    --color-on-surface-variant: #c6c6cd;
    --color-primary-container: #001a3b;
    --color-on-surface: #dfe2f2;
    --color-primary-fixed: #d6e3ff;
    --color-inverse-primary: #295ea6;
    --color-error-container: #93000a;
    --color-on-primary-fixed-variant: #00468c;
    --color-outline-variant: #45464d;
    --color-secondary-fixed: #d4e3ff;
    --color-surface-container-low: #171b27;
    --color-secondary-fixed-dim: #b0c8ee;
    --color-surface-container-high: #262a36;
    --color-on-primary-container: #5383ce;
    --color-on-secondary-fixed-variant: #304868;
    --color-on-tertiary-container: #608e64;
    --color-inverse-on-surface: #2c303c;
    --color-on-secondary-fixed: #001c3a;
    --color-surface: #0f131e;
    --color-on-tertiary-fixed-variant: #24502c;
    --color-on-background: #dfe2f2;
    --color-on-primary: #003063;
    --color-surface-container-lowest: #0a0e19;
    --color-tertiary: #a2d3a4;
    --color-tertiary-fixed-dim: #a2d3a4;
    --color-surface-container-highest: #313441;
    --color-on-tertiary: #0a3817;
    --color-surface-variant: #313441;
    --color-error: #ffb4ab;
    --color-surface-dim: #0f131e;
    --color-secondary-container: #304868;
    --color-surface-tint: #a9c7ff;
}

.theme-pink {
    --color-on-secondary: #44273a;
    --color-primary-fixed-dim: #e0bdd1;
    --color-inverse-on-surface: #342f31;
    --color-surface-container: #231e20;
    --color-on-tertiary-fixed-variant: #603d3e;
    --color-on-tertiary: #472828;
    --color-inverse-primary: #725668;
    --color-tertiary-fixed-dim: #ecbbba;
    --color-surface-container-low: #1f1a1c;
    --color-primary-fixed: #fdd8ee;
    --color-inverse-surface: #e9e0e3;
    --color-on-tertiary-fixed: #2f1314;
    --color-secondary: #e5bbd3;
    --color-outline: #9a8d93;
    --color-surface-tint: #e0bdd1;
    --color-on-secondary-container: #d6adc4;
    --color-background: #161214;
    --color-on-error-container: #ffdad6;
    --color-tertiary: #ecbbba;
    --color-on-tertiary-container: #c19393;
    --color-secondary-fixed: #ffd8ed;
    --color-tertiary-container: #4d2d2e;
    --color-secondary-container: #5f3f53;
    --color-secondary-fixed-dim: #e5bbd3;
    --color-tertiary-fixed: #ffdad9;
    --color-outline-variant: #4e4449;
    --color-on-surface: #e9e0e3;
    --color-on-background: #e9e0e3;
    --color-on-surface-variant: #d1c3c9;
    --color-on-primary-container: #b695a9;
    --color-surface-dim: #161214;
    --color-surface-variant: #383336;
    --color-on-secondary-fixed: #2c1324;
    --color-surface: #161214;
    --color-primary-container: #462e3e;
    --color-primary: #e0bdd1;
    --color-surface-container-lowest: #110d0f;
    --color-error-container: #93000a;
    --color-on-primary: #412939;
    --color-surface-container-high: #2d292b;
    --color-error: #ffb4ab;
    --color-on-primary-fixed: #2a1423;
    --color-on-error: #690005;
    --color-surface-container-highest: #383336;
    --color-surface-bright: #3d383a;
    --color-on-primary-fixed-variant: #593f50;
    --color-on-secondary-fixed-variant: "#5c3d51";
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom UI classes beyond Tailwind */
.glass-panel {
    background: rgba(18, 26, 46, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}