html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] {
    color-scheme: light;
    --bg-dark: #f5f7fa;
    --bg-card: rgba(255, 255, 255, 0.92);
    --bg-card-hover: #edf4f8;
    --text-primary: #17283b;
    --text-secondary: #46576b;
    --text-muted: #536479;
    --border-glass: #c4cfd9;
    --border-active: #08778b;
    --accent-cyan: #006b80;
    --accent-gold: #815607;
    --accent-purple: #7040b6;
    --accent-emerald: #087448;
}
html[data-theme="light"] :is(.display-title, .service-title, .project-title, .quick-meta h4, .custom-input, .modal-close-btn, .glass-btn, .nav-bullet.active .bullet-number, .social-pills-bar a) { color: var(--text-primary); }
html[data-theme="light"] :is(.brand-name, .stat-number) {
    background: none;
    color: var(--text-primary);
    -webkit-text-fill-color: currentColor;
}
html[data-theme="light"] .brand-status {
    color: #148a4b;
}
html[data-theme="light"] .brand-status-dot {
    background: #148a4b;
    box-shadow: 0 0 0 3px rgba(20, 138, 75, 0.13), 0 0 9px rgba(20, 138, 75, 0.55);
}
html[data-theme="light"] .gradient-text-cyan {
    background: none;
    background-clip: border-box;
    color: var(--text-primary);
    -webkit-text-fill-color: currentColor;
}
html[data-theme="light"] .gradient-text-gold {
    background: none;
    color: var(--accent-gold);
    -webkit-text-fill-color: currentColor;
}
html[data-theme="light"] .site-header {
    background: rgba(245, 247, 250, 0.94);
    border-color: var(--border-glass);
}
html[data-theme="light"] :is(.hero-visual-card, .modal-content-box) {
    background: #fff;
    border-color: var(--border-glass);
    box-shadow: 0 20px 60px rgba(34, 63, 92, 0.1);
}
html[data-theme="light"] .floating-pill {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(0, 107, 128, 0.28);
    box-shadow: 0 10px 25px rgba(34, 63, 92, 0.12), 0 0 18px rgba(0, 107, 128, 0.08);
}
html[data-theme="light"] :is(.project-card, .terminal-card, .service-glass-card, .contact-quick-item) {
    box-shadow: 0 10px 30px rgba(34, 63, 92, 0.07);
}
html[data-theme="light"] :is(.service-features-list, .hero-stats-row, .terminal-header) { border-color: var(--border-glass); }
html[data-theme="light"] :is(.custom-input, .glass-btn, .filter-btn, .chip-btn, .modal-close-btn) { background-color: #fff; }
html[data-theme="light"] :is(.btn-primary-glow, .filter-btn.active, .filter-btn:hover, .portfolio-more-btn:hover) {
    background: #006b80;
    color: #fff;
    box-shadow: 0 6px 18px rgba(0, 107, 128, 0.15);
}
html[data-theme="light"] .chip-btn.selected { background: #e0eff3; }
html[data-theme="light"] .project-modal { background: rgba(32, 48, 65, 0.55); }
html[data-theme="light"] #modalTitle { color: var(--text-primary) !important; }
html[data-theme="light"] .project-badge-tag { background: #fff; border-color: var(--border-glass); }
html[data-theme="light"] .social-pills-bar a { background: rgba(255, 255, 255, 0.96); }
html[data-theme="light"] .snapchat-pill i { color: #756000; }
html[data-theme="light"] .tiktok-pill i { color: #17283b; text-shadow: none; }
html[data-theme="light"] .icon-whatsapp { color: #087448; }
html[data-theme="light"] .nav-bullet .bullet-line { background: #718196; }
html[data-theme="light"] .nav-bullet.active .bullet-line { background: var(--accent-cyan); }
html[data-theme="light"] :focus-visible { outline-color: #006b80; }
html[data-theme="light"] #bg-canvas { opacity: 0.3; }
@media (max-width: 1024px) {
    html[data-theme="light"] .slider-pagination { background: rgba(255, 255, 255, 0.97); }
}
/* Keep all header controls reachable at narrow widths in either language. */
@media (max-width: 480px) {
    .site-header { flex-wrap: wrap; gap: 0.5rem; }
    .brand-meta { display: none; }
    .header-actions .glass-btn { min-width: 36px; }
    .header-actions { gap: 0.25rem; }
}