/* 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: Alapertelmezett (alapertelmezett) */
.alapertelmezett {
    --color-layout-body-bg: #4d9ceb !important;
    --color-layout-container-bg: #f9fafb !important;
    --color-korellenorzo-bg: #374151;
    --color-korellenorzo-title: #ffffff;
}

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

/* Theme: New Theme (new-theme) */
.new-theme {
    --color-layout-body-bg: #f3faf0 !important;
    --color-layout-container-bg: #f3faf0 !important;
    --color-korellenorzo-bg: #113006;
    --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: #0d3305 !important;
    --color-layout-container-bg: #0d3305 !important;
    --color-korellenorzo-bg: #113006;
    --color-korellenorzo-title: #f3f4f6;
}