/* Sötét mód – specifikus stílusok */

html.wa-dark .only-light { display: none; }

/* App header – sötét téma */
html.wa-dark .ka-app-header {
    background-color: #cd5213;
}
html.wa-dark .ka-app-logo-text,
html.wa-dark .ka-app-logo-accent,
html.wa-dark .ka-app-header .ka-color-scheme wa-button::part(base) {
    color: #fff;
}

html.wa-dark wa-page::part(main-content) {
    background-image: url('../img/bg-dark.png');
}

html.wa-dark wa-dropdown.ka-color-scheme wa-dropdown-item[data-active] {
    background-color: var(--wa-color-brand-10);
}