.theme-toggle{display:inline-grid;place-items:center;min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit;font-size:22px;padding:4px;cursor:pointer}
html[data-theme=light]{color-scheme:light;--bg:#f7f8fa;--panel:#fff;--line:#dce0e4;--muted:#606971;--accent:#303d4c}
html[data-theme=light] body{color:#151b23}
html[data-theme=light] .header{background:#fff}
html[data-theme=light] .logo{filter:url(#logo-clear) invert(1)}
html[data-theme=light] .desktop-nav a.active,html[data-theme=light] .desktop-nav a:hover{color:#111}
html[data-theme=light] .menu-button span{background:#18232b}
html[data-theme=light] .button{background:#202b39;color:#fff}
html[data-theme=light] .button:hover{background:#34475f}
html[data-theme=light] .hero{background:#edf0f3}
html[data-theme=light] .hero-shade{background:linear-gradient(270deg,#f7f8fafc 0%,#f7f8fae8 26%,transparent 72%),linear-gradient(0deg,#f7f8fa,transparent 30%)}
html[data-theme=light] .hero p{color:#414d58}
html[data-theme=light] .hero-foot{color:#2f3c47}
html[data-theme=light] .service:hover{border-color:#8d9ead;background:#edf1f5}
html[data-theme=light] .service-link{color:#293b4e}
html[data-theme=light] .gallery-caption{color:white}
html[data-theme=light] .request-card{background:white}
html[data-theme=light] footer{background:#eaf0f4}
html[data-theme=light] .footer-bottom{color:#5a626b}
html[data-theme=light] .bottom-nav{background:#fffffff2;border-color:#ccd4dc;box-shadow:0 8px 30px #253c5520}
html[data-theme=light] .bottom-nav a,html[data-theme=light] .bottom-nav button{color:#61707c}
html[data-theme=light] .bottom-nav .active,html[data-theme=light] .bottom-nav a:hover,html[data-theme=light] .bottom-nav button:hover{color:#101c29}
html[data-theme=light] dialog{background:#fff;color:#16222d}
html[data-theme=light] .close{color:#526371}
html[data-theme=light] .number{color:#5c6c7b}
@media(max-width:640px){html[data-theme=light] .hero-shade{background:linear-gradient(180deg,#f7f8fa 0%,#f7f8fa 32%,transparent 69%,#f7f8fa 99%)}.header-actions{gap:10px}.theme-toggle{min-width:36px;min-height:36px;font-size:20px}.header .logo{width:112px}}
@media(max-width:375px){.header .logo{width:90px}.header-actions{gap:8px}.header .button.small{font-size:12px;padding:9px 10px}}
.theme-options{display:flex;gap:8px;margin-top:20px}.theme-options button{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px;color:inherit;font-size:14px;min-height:44px}.theme-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
html[data-theme=sport]{color-scheme:dark;--bg:#0b0b0d;--panel:#171719;--line:#333337;--muted:#b2b2b9;--accent:#ff555f}
html[data-theme=sport] body{background-color:var(--bg);background-image:repeating-linear-gradient(135deg,#ffffff03 0 2px,transparent 2px 6px),repeating-linear-gradient(45deg,#0004 0 3px,transparent 3px 8px)}
html[data-theme=sport] .header,html[data-theme=sport] .sidebar{background:#111113;border-color:#36363c}
html[data-theme=sport] .hero{background:#0b0b0d}
html[data-theme=sport] .hero-image{object-position:42% center}
html[data-theme=sport] .hero-shade{background:linear-gradient(270deg,#0b0b0df5 0%,#0b0b0db0 26%,transparent 65%),linear-gradient(0deg,#0b0b0d,transparent 35%)}
html[data-theme=sport] h1 em{color:#f4f5f1;text-decoration:underline;text-decoration-color:#e32e40;text-decoration-thickness:4px;text-underline-offset:14px}
html[data-theme=sport] .button{background:#c91e30;color:#fff}html[data-theme=sport] .button:hover{background:#e02b3e}
html[data-theme=sport] .service,html[data-theme=sport] .request-card{background-color:#18181b;background-image:repeating-linear-gradient(135deg,#ffffff04 0 2px,transparent 2px 7px);border-color:#35353a}
html[data-theme=sport] .service:hover{border-color:#c91e30;background-color:#21191c}
html[data-theme=sport] .bottom-nav,html[data-theme=sport] footer,html[data-theme=sport] dialog{background:#141416f5;border-color:#38383d}
html[data-theme=sport] .gallery-image>img{object-position:30% center}
html[data-theme=sport] .request-section{border-top-color:#7e2630}
@media(max-width:640px){html[data-theme=sport] .hero-shade{background:linear-gradient(180deg,#0b0b0d 0%,#0b0b0d 31%,transparent 66%,#0b0b0d 99%)}html[data-theme=sport] .hero-image{object-position:30% center}}