/* Default Theme */
:root {
    --color-layout-body-bg: #f9fafb !important;
    --color-layout-container-bg: #f9fafb !important;
    --color-korellenorzo-bg: #374151;
    --color-korellenorzo-title: #ffffff;
}

/* Dark Mode */
.dark {
    --color-layout-body-bg: #09090b !important;
    --color-layout-container-bg: #09090b !important;
    --color-korellenorzo-bg: #1f2937;
    --color-korellenorzo-title: #f3f4f6;
}

/* Layout background helper classes (outer/inner) */
.layout-outer { background-color: var(--color-layout-body-bg); }
.layout-inner { background-color: var(--color-layout-container-bg); }

/* Theme: New Theme (new-theme) */
.new-theme {
    --color-layout-body-bg: #acdb97 !important;
    --color-layout-container-bg: #acdb97 !important;
    --color-korellenorzo-bg: #164207;
    --color-korellenorzo-title: #ffffff;
}

/* Dark Mode - New Theme (new-theme) */
.dark.new-theme, .dark .new-theme, .new-theme.dark, .new-theme .dark {
    --color-layout-body-bg: #486b40 !important;
    --color-layout-container-bg: #486b40 !important;
    --color-korellenorzo-bg: #164207;
    --color-korellenorzo-title: #f3f4f6;
}

/* Theme: cosmetic (cosmetic) */
.cosmetic {
    --color-layout-body-bg: #fce2fa !important;
    --color-layout-container-bg: #faf0f9 !important;
    --color-korellenorzo-bg: #374151;
    --color-korellenorzo-title: #f0b7f0;
}

/* Dark Mode - cosmetic (cosmetic) */
.dark.cosmetic, .dark .cosmetic, .cosmetic.dark, .cosmetic .dark {
    --color-layout-body-bg: #3d1e3d !important;
    --color-layout-container-bg: #170c17 !important;
    --color-korellenorzo-bg: #ff0055;
    --color-korellenorzo-title: #2d5dbd;
}

/* Theme: xyz (xyz) */
.xyz {
    --color-layout-body-bg: #e2effc !important;
    --color-layout-container-bg: #f5f8fa !important;
    --color-korellenorzo-bg: #f2f7fc;
    --color-korellenorzo-title: #445c75;
}

/* Dark Mode - xyz (xyz) */
.dark.xyz, .dark .xyz, .xyz.dark, .xyz .dark {
    --color-layout-body-bg: #3c556e !important;
    --color-layout-container-bg: #58718a !important;
    --color-korellenorzo-bg: #1f2937;
    --color-korellenorzo-title: #f3f4f6;
}