:root {
    --public-bg: #ffffff;
    --public-text: #303030;
    --public-panel: rgba(255,255,255,.96);
    --public-border: rgba(0,0,0,.12);
    --public-input: #ffffff;
    --public-muted: #687568;
}

html[data-public-theme="dark"] {
    --public-bg: #101820;
    --public-text: #edf3f7;
    --public-panel: #172530;
    --public-border: rgba(255,255,255,.18);
    --public-input: #1d2d38;
    --public-muted: #b9c8c0;
}

@media (prefers-color-scheme: dark) {
    html[data-public-theme="auto"] {
        --public-bg: #101820;
        --public-text: #edf3f7;
        --public-panel: #172530;
        --public-border: rgba(255,255,255,.18);
        --public-input: #1d2d38;
        --public-muted: #b9c8c0;
    }
}

body { background-color: var(--public-bg); color: var(--public-text); transition: background-color .2s ease, color .2s ease; }
html[data-public-theme="dark"] .top-header-area,
html[data-public-theme="dark"] .alazea-main-menu,
html[data-public-theme="dark"] .footer-area,
html[data-public-theme="auto"] .top-header-area,
html[data-public-theme="auto"] .alazea-main-menu,
html[data-public-theme="auto"] .footer-area { border-color: var(--public-border); }

.public-theme-switcher { display: flex; align-items: center; gap: 3px; margin-left: 12px; }
.public-theme-switcher button { border: 1px solid rgba(255,255,255,.45); background: transparent; color: inherit; border-radius: 4px; padding: 3px 7px; font-size: 11px; cursor: pointer; }
.public-theme-switcher button.active, .public-theme-switcher button:hover { background: rgba(255,255,255,.2); color: inherit; }
html[data-public-theme="dark"] .public-theme-switcher button, html[data-public-theme="auto"] .public-theme-switcher button { color: #edf3f7; }

html[data-public-theme="dark"] .section-heading h2,
html[data-public-theme="dark"] .single-blog-post h4,
html[data-public-theme="dark"] .single-widget-area h4 { color: var(--public-text); }
html[data-public-theme="dark"] .bg-white, html[data-public-theme="auto"] .bg-white { background-color: var(--public-panel) !important; }

.public-contact-card, .public-contact-side { background: var(--public-panel) !important; border-color: var(--public-border) !important; }
.public-contact-form label, .public-contact-card .section-heading h2, .public-contact-side .section-heading h2 { color: var(--public-text) !important; }
.public-input, .public-contact-form .form-control { background: var(--public-input) !important; border-color: var(--public-border) !important; color: var(--public-text) !important; }
.public-contact-form .form-control::placeholder { color: var(--public-muted); opacity: .85; }
.public-contact-note { color: var(--public-muted) !important; }

@media (prefers-color-scheme: dark) {
    html[data-public-theme="auto"] .public-contact-card, html[data-public-theme="auto"] .public-contact-side { box-shadow: 0 12px 35px rgba(0,0,0,.25); }
}

@media (max-width: 767px) { .public-theme-switcher { margin: 8px 0; } }