/* Theme surfaces follow the class on <html>, including panels rendered later. */
:root.light{color-scheme:light;--surface-card:#fffaf1;--surface-panel:#fff4e2;--theme-shadow:rgba(90,60,24,.14)}
:root.light body.pub-app{background:var(--parchment)}
:root.light body.pub-app :is(.sl-inner,.sl-header,.sl-body,.nav-card,.transit-live-panel,.room-sheet){background:var(--surface-card);color:var(--ink);border-color:var(--border);box-shadow:0 8px 28px var(--theme-shadow)}
:root.light body.pub-app :is(.sl-header,.sl-body){box-shadow:none}
:root.light body.pub-app :is(.sl-close,.nav-card-close,.transit-platform,.transit-walk-warning){color:#77521b;border-color:var(--border)}
:root.light body.pub-app :is(.sl-pill-walk,.nav-card-pill-walk){background:#eddfc4!important;color:#49351b}
:root.light body.pub-app :is(.transit-step-actions button,.transit-step-actions a,.transit-trip-actions button,.transit-nav-details){background:#fff3d8;color:#49351b;border-color:#d6bb88}
:root.light body.pub-app .pp-identity{background:radial-gradient(circle at 50% 20%,#ffc85738,transparent 65%),linear-gradient(180deg,#fff6e6,var(--parchment));border-color:var(--border)}
:root.light body.pub-app :is(.form-input,.form-select){color-scheme:light}
:root.light body.pub-app .app-tabbar::before,
:root.light body.pub-app .app-tabbar::after{background:linear-gradient(180deg,#fffaf1,#ffefd6);box-shadow:0 8px 24px var(--theme-shadow),inset 0 1px 0 #fff9}
:root.light body.pub-app .app-tab,
:root.light body.pub-app .app-tab:active,
:root.light body.pub-app .app-tab.primary,
:root.light body.pub-app .app-tab.map-main .ico,
:root.light body.pub-app .app-tab.map-main .app-label{color:#49351b}
:root.light body.pub-app .app-tab.map-main,
:root.light body.pub-app .app-tab.map-main.primary,
:root.light body.pub-app .app-tab.map-main:active,
:root.light body.pub-app .app-tab.map-main.is-close{background:linear-gradient(180deg,#ffe3a0,#fff3d8);color:#49351b;box-shadow:0 8px 24px var(--theme-shadow)}
:root.light body.pub-app .app-tab[aria-current=page] .ico{color:#77521b;background:#e6bc6230}
:root.light body.pub-app .app-tab:not(.map-main):active .ico{background:#e6bc6230}
:root.light body.pub-app .onboard-overlay{background:linear-gradient(180deg,#fff6e6,#e9eedc)}
:root.light body.pub-app .onboard-card{background:linear-gradient(180deg,#fffaf1,#fff0d7);color:var(--ink);box-shadow:0 0 50px var(--theme-shadow)}
:root.light body.pub-app :is(.onboard-top,.onboard-actions,.onboard-point,.room-player-row){background:#d6bb8818;border-color:var(--border)}
:root.light body.pub-app :is(.onboard-title,.onboard-point strong,.onboard-status.warn,.onboard-name input,.room-player-name){color:var(--ink)}
:root.light body.pub-app :is(.onboard-desc,.onboard-point,.onboard-status,.onboard-btn.ghost){color:var(--muted2)}
:root.light body.pub-app :is(.onboard-kicker,.onboard-btn.secondary){color:#77521b}
:root.light body.pub-app .onboard-name input{background:var(--surface-card);border-color:var(--border);color-scheme:light}
:root.light body.pub-app #landscapeBlock{background:var(--parchment)!important;color:var(--ink)!important}
:root.light body.pub-app #gpOverlay{background:var(--parchment);color:var(--ink)}
:root.light body.pub-app #qrModal{background:rgba(85,65,35,.28)}
:root.light body.pub-app #map .qpin{background:#fff3d8!important;box-shadow:inset 0 0 0 2px #fff3d8,inset 0 0 0 3px #c5a36a,0 4px 10px #49351b28}
:root.light body.pub-app #map .qpin>span:first-child{color:#49351b}
:root.light body.pub-app #map .qpin.live{background:#e2ebcf!important;box-shadow:inset 0 0 0 2px #e2ebcf,inset 0 0 0 3px #7aa55a,0 0 12px #76b04130}
:root.light body.pub-app #map .pin-live-badge{background:#e2ebcf;color:#345520;border-color:#7aa55a}
:root.light body.pub-app #map .pin-live-badge i{background:#49762e}
:root.light body.pub-app :is(.pp-name-hint,.pp-hero-email,.gp-hint,.gp-countdown-sub,.gp-pre-step,.gp-pre-sub){color:var(--muted2)}
:root.light body.pub-app .gp-word{color:var(--ink)}
:root.light body.pub-app :is(.gp-pre-steps,.gp-timer-wrap){background:#d6bb8828;border-color:var(--border)}
:root.light body.pub-app .gp-countdown{text-shadow:0 4px 16px var(--theme-shadow)}
:root.light body.pub-app .room-body input{background:var(--surface-card)!important;color:var(--ink)!important;border-color:var(--border)!important}
:root.light body.pub-app .onboard-body [style*="color:#FFFFFF"],
:root.light body.pub-app .onboard-body [style*="color:#fff"]{color:var(--ink)!important}
:root.light body.pub-app .onboard-body [style*="color:rgba(255,255,255"]{color:var(--muted2)!important}
:root.light body.pub-app .app-tab .ico{color:#49351b}
:root.light body.pub-app .app-tab[aria-current=page] .ico{color:#77521b}
:root.light body.pub-app :is(header,.modal-sheet,.stats-inner,.filt-sheet-inner,.social-modal,.qr-sheet,.detail-panel){box-shadow:0 8px 28px var(--theme-shadow)!important}
:root.light body.pub-app .transit-step-route span{color:#77521b}