/* Laying System — theme tokens (aligned with Parent) */

:root,
[data-theme-color="purple"] {
    --theme-primary: #7C3AED;
    --theme-primary-dark: #6D28D9;
    --theme-primary-light: #A78BFA;
    --theme-secondary: #D946EF;
    --theme-appbar-bg: #5B21B6;
    --theme-appbar-text: #FFFFFF;
    --theme-drawer-bg: #4C1D95;
    --theme-drawer-text: #FFFFFF;
    --theme-background: #F3EEFF;
    --theme-surface: #FFFFFF;
    --theme-text-primary: #0F172A;
    --theme-text-secondary: rgba(15, 23, 42, 0.65);
    --theme-primary-rgb: 124, 58, 237;
    --theme-primary-dark-rgb: 109, 40, 217;
    --theme-gradient-primary: linear-gradient(135deg, #A78BFA 0%, #7C3AED 42%, #5B21B6 100%);
    --theme-gradient-light: linear-gradient(180deg, #FFFFFF 0%, #F5F3FF 100%);
    --theme-gradient-card: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(245,243,255,0.9));
}

[data-theme="dark"],
[data-theme-color="purple"][data-theme="dark"] {
    --theme-primary: #A78BFA;
    --theme-primary-dark: #8B5CF6;
    --theme-primary-light: #C4B5FD;
    --theme-secondary: #F0ABFC;
    --theme-appbar-bg: #6D28D9;
    --theme-drawer-bg: #3B0764;
    --theme-background: #14081F;
    --theme-surface: #1F1230;
    --theme-text-primary: #FFFFFF;
    --theme-text-secondary: rgba(255, 255, 255, 0.78);
    --theme-primary-rgb: 167, 139, 250;
    --theme-gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 50%, #5B21B6 100%);
}

[data-theme-color="blue"] {
    --theme-primary: #2563EB;
    --theme-primary-dark: #1D4ED8;
    --theme-primary-light: #60A5FA;
    --theme-secondary: #38BDF8;
    --theme-appbar-bg: #1E40AF;
    --theme-appbar-text: #FFFFFF;
    --theme-drawer-bg: #1E3A8A;
    --theme-drawer-text: #FFFFFF;
    --theme-background: #EEF2F8;
    --theme-surface: #FFFFFF;
    --theme-text-primary: #0F172A;
    --theme-text-secondary: rgba(15, 23, 42, 0.65);
    --theme-primary-rgb: 37, 99, 235;
    --theme-primary-dark-rgb: 29, 78, 216;
    --theme-gradient-primary: linear-gradient(135deg, #3B82F6 0%, #2563EB 45%, #1D4ED8 100%);
    --theme-gradient-light: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 100%);
    --theme-gradient-card: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(241,245,249,0.9));
}

[data-theme-color="blue"][data-theme="dark"] {
    --theme-primary: #3B82F6;
    --theme-primary-dark: #2563EB;
    --theme-primary-light: #93C5FD;
    --theme-secondary: #67E8F9;
    --theme-appbar-bg: #1E3A8A;
    --theme-drawer-bg: #172554;
    --theme-background: #0f1419;
    --theme-surface: #1a2332;
    --theme-text-primary: #FFFFFF;
    --theme-text-secondary: rgba(255, 255, 255, 0.78);
    --theme-primary-rgb: 59, 130, 246;
    --theme-gradient-primary: linear-gradient(135deg, #2563EB 0%, #1D4ED8 50%, #1E3A8A 100%);
}



[data-theme="light"] {

    --theme-border-subtle: rgba(0, 0, 0, 0.08);

}



[data-theme="dark"] {

    --theme-border-subtle: rgba(255, 255, 255, 0.12);

}



/* Theme: Green */

[data-theme-color="green"] {

    --theme-primary: #388E3C;

    --theme-primary-dark: #2E7D32;

    --theme-primary-light: #66BB6A;

    --theme-secondary: #66BB6A;

    --theme-appbar-bg: #2E7D32;

    --theme-drawer-bg: #1B5E20;

    --theme-background: #ECFDF5;

    --theme-surface: #FFFFFF;

    --theme-primary-rgb: 56, 142, 60;

    --theme-primary-dark-rgb: 46, 125, 50;

    --theme-gradient-primary: linear-gradient(135deg, #81C784 0%, #43A047 45%, #2E7D32 100%);

    --theme-gradient-light: linear-gradient(180deg, #FFFFFF 0%, #E8F5E9 100%);

}



[data-theme-color="green"][data-theme="dark"] {

    --theme-primary: #4CAF50;

    --theme-primary-dark: #388E3C;

    --theme-primary-light: #81C784;

    --theme-appbar-bg: #2E7D32;

    --theme-drawer-bg: #1B5E20;

    --theme-background: #0F1A12;

    --theme-surface: #1E2E22;

    --theme-primary-rgb: 76, 175, 80;

    --theme-gradient-primary: linear-gradient(135deg, #A5D6A7 0%, #66BB6A 50%, #43A047 100%);

}



/* Theme: Purple — tokens live on :root above (vivid violet default) */



/* Theme: Orange */

[data-theme-color="orange"] {

    --theme-primary: #F57C00;

    --theme-primary-dark: #E65100;

    --theme-primary-light: #FF9800;

    --theme-secondary: #FF9800;

    --theme-appbar-bg: #E65100;

    --theme-drawer-bg: #BF360C;

    --theme-background: #FFF7ED;

    --theme-surface: #FFFFFF;

    --theme-primary-rgb: 245, 124, 0;

    --theme-primary-dark-rgb: 230, 81, 0;

    --theme-gradient-primary: linear-gradient(135deg, #FFB74D 0%, #FB8C00 45%, #E65100 100%);

    --theme-gradient-light: linear-gradient(180deg, #FFFFFF 0%, #FFF3E0 100%);

}



[data-theme-color="orange"][data-theme="dark"] {

    --theme-primary: #FF9800;

    --theme-primary-dark: #F57C00;

    --theme-primary-light: #FFB74D;

    --theme-appbar-bg: #F57C00;

    --theme-drawer-bg: #E65100;

    --theme-background: #1F1408;

    --theme-surface: #2E2218;

    --theme-primary-rgb: 255, 152, 0;

    --theme-gradient-primary: linear-gradient(135deg, #FFCC80 0%, #FFA726 50%, #FB8C00 100%);

}



/* Theme: Teal */

[data-theme-color="teal"] {

    --theme-primary: #00796B;

    --theme-primary-dark: #00695C;

    --theme-primary-light: #26A69A;

    --theme-secondary: #26A69A;

    --theme-appbar-bg: #00695C;

    --theme-drawer-bg: #004D40;

    --theme-background: #F0FDFA;

    --theme-surface: #FFFFFF;

    --theme-primary-rgb: 0, 121, 107;

    --theme-primary-dark-rgb: 0, 105, 92;

    --theme-gradient-primary: linear-gradient(135deg, #4DB6AC 0%, #00897B 45%, #00695C 100%);

    --theme-gradient-light: linear-gradient(180deg, #FFFFFF 0%, #E0F2F1 100%);

}



[data-theme-color="teal"][data-theme="dark"] {

    --theme-primary: #009688;

    --theme-primary-dark: #00796B;

    --theme-primary-light: #4DB6AC;

    --theme-appbar-bg: #00695C;

    --theme-drawer-bg: #004D40;

    --theme-background: #0C1F1C;

    --theme-surface: #1A2E2B;

    --theme-primary-rgb: 0, 150, 136;

    --theme-gradient-primary: linear-gradient(135deg, #80CBC4 0%, #26A69A 50%, #00897B 100%);

}



.theme-card-header {

    background: var(--theme-gradient-primary) !important;

    background-color: var(--theme-primary) !important;

    color: var(--theme-appbar-text) !important;

}



.mud-menu-item.theme-active {

    background-color: rgba(var(--theme-primary-rgb, 37, 99, 235), 0.12) !important;

    border-inline-start: 3px solid var(--theme-primary) !important;

}



.mud-dialog .mud-dialog-title-container {

    background: var(--theme-gradient-primary) !important;

    color: var(--theme-appbar-text) !important;

}



.mud-dialog .mud-dialog-title-container .mud-typography,

.mud-dialog .mud-dialog-title-container .mud-icon {

    color: var(--theme-appbar-text) !important;

}



body {

    background-color: var(--theme-background) !important;

    color: var(--theme-text-primary) !important;

}

.app-theme-swatch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid transparent;
    flex-shrink: 0;
}

.app-theme-menu-popover .mud-menu-item.theme-active .app-theme-swatch {
    box-shadow: 0 0 0 2px var(--theme-surface), 0 0 0 3px var(--theme-primary);
}