:root{color-scheme:light}
.theme-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;background:transparent;color:var(--navy)}
.theme-toggle:hover{background:var(--paper)}
.theme-toggle svg{grid-area:1/1;pointer-events:none}
.theme-sun{display:none}
[data-theme=dark] .theme-sun{display:block}
[data-theme=dark] .theme-moon{display:none}
@media(max-width:600px){.theme-toggle{width:40px}}
@media(max-width:380px){#site-header{gap:4px}.logo{width:80px}.header-actions{gap:2px}.theme-toggle{width:36px}.lang{min-width:24px}.menu-toggle{min-width:32px}.quick-contact{font-size:10px;padding-inline:8px}}
/* A complete palette, leaving portfolio photography and brand button colors intact. */
:root[data-theme=dark]{color-scheme:dark;--navy:#edf2fc;--paper:#162337;background:#0b1422;color:var(--navy)}
[data-theme=dark] body{background:#0b1422}
[data-theme=dark] #site-header{background:#0b1422f5;border-color:#29374a;isolation:isolate}
[data-theme=dark] #site-header.scrolled{box-shadow:0 3px 22px #0003}
/* Monochrome reverse treatment uses the original artwork; screen removes its white canvas after inversion. */
[data-theme=dark] .original-logo img{filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen}
[data-theme=dark] p,[data-theme=dark] .big-copy,[data-theme=dark] .scroll-note,
[data-theme=dark] .project-meta span,[data-theme=dark] .project-intro dt,
[data-theme=dark] .case-gallery figcaption,[data-theme=dark] .footer-brand small,
[data-theme=dark] .footer-bottom,[data-theme=dark] .analytics-preferences{color:#b9c6d9}
[data-theme=dark] #site-header nav a:hover,[data-theme=dark] .position-strip,
[data-theme=dark] .project-meta p,[data-theme=dark] .text-link,
[data-theme=dark] .service-row .number,[data-theme=dark] .service-row .plus,
[data-theme=dark] .about-strip h2,[data-theme=dark] .testimonials cite,
[data-theme=dark] footer h2,[data-theme=dark] .footer-grid a:hover,
[data-theme=dark] .project-intro h1,[data-theme=dark] .contact-icon,
[data-theme=dark] .contact-links a[data-event=whatsapp],[data-theme=dark] .form-status a{color:#85b4ff}
[data-theme=dark] footer,[data-theme=dark] dialog,[data-theme=dark] .analytics-consent{background:#101c2d;border-color:#30415a}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#0b1422;border-color:#42536d;color:#edf2fc}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#9faec3}
[data-theme=dark] .footer-bottom,[data-theme=dark] .service-row,[data-theme=dark] .service-row:last-child,[data-theme=dark] .service-page li{border-color:#30415a}
[data-theme=dark] .project-view,[data-theme=dark] .reel-pill,[data-theme=dark] .hero-pause,[data-theme=dark] .button.light{background:#14243af2;color:#edf2fc}
[data-theme=dark] .featured p,[data-theme=dark] .featured .eyebrow{color:#fff}
[data-theme=dark] .footer-head .button,[data-theme=dark] .play-circle,
[data-theme=dark] .process-grid article:nth-child(odd)>span,[data-theme=dark] .service-row[open] .plus{color:#0b1f44}
[data-theme=dark] .reel-dialog,[data-theme=dark] .showreel-cover{background:#060b13}
[data-theme=dark] .skip{background:#edf2fc;color:#0b1f44}
[data-theme=dark] dialog::backdrop{background:#02060ccc}
[data-theme=dark] .analytics-consent{box-shadow:0 8px 40px #0006}

@media(max-width:380px){.original-logo img{width:91px;left:-6px;top:-14px}.quick-contact{white-space:nowrap;font-size:9px;padding-inline:7px}}
@media(min-width:821px){#site-header{gap:24px}#site-header nav{gap:20px}.header-actions{gap:14px}}
/* Services has an explicit light surface in the base stylesheet. Override the surface with its text palette. */
[data-theme=dark] .services{background:#0b1422;color:#edf2fc}
[data-theme=dark] .services .section-top p,[data-theme=dark] .service-detail p{color:#c7d2e3}
/* Keep footer preferences reachable above the fixed contact button, including RTL. */
.analytics-preferences{display:block;width:max-content;max-width:90vw;margin-bottom:88px}