/* Shared browser theme matching the bundled iPhone appearance. */
:root{color-scheme:dark;--ink:#edf3e9;--paper:#081b1c;--green:#d6ed70;--muted:#afc0b4}
html,body{background:#081b1c;color:#edf3e9}
a{color:#d6ed70}
header,footer,.workspace,.location-fields,.location-fields label:first-child,.panel-foot,.steps article,.trip,.boat-option,#fleet-onboarding,#fleet-onboarding article{border-color:#36504b}
.booking,.account-card,dialog,#onboarding,.particle-dialog{background:#102b2b;color:#edf3e9;border-color:#36504b}
nav{background:#102b2bf5;border-color:#36504b}
.launch,.route-card,#transfer-fields,.simulation-notice,.floatee-panel{background:#183532;color:#edf3e9;border-color:#36504b}
.lede,.secondary>p,.steps p,.trip p,.account-intro>p,.account-footnote,.route-content p,.section-title>span,footer p,.field-label,.ride-details label,#schedule-label,.mode-label,.demo-note,.estimate-note,.boat-option small,#transfer-fields p,.floatee-badge{color:#afc0b4}
input,select,textarea,.account-card input,.account-card select,#transfer-fields input,#schedule-label input,.floatee-panel input[type=url]{background:#102b2b;color:#edf3e9;border-color:#48635b;accent-color:#d6ed70}
input::placeholder,textarea::placeholder{color:#9db3a7}
select:disabled{color:#afc0b4}
#swap,#account-button,.trip button,.particle-dialog button{background:#28443b;color:#edf3e9;border-color:#48635b}
.primary,.transfer-actions button:first-child,.floatee-panel button{background:#d6ed70;color:#173a36;border-color:#d6ed70}
.primary:hover,.floatee-panel button:hover{background:#c8e45a}
.social-login{background:#1c3834;color:#edf3e9;border-color:#48635b}
.social-login.apple{background:#edf3e9;color:#173a36}
.boat-option:has(input:checked){background:#28443b;border-color:#d6ed70}
#captain code{background:#183532;color:#edf3e9}
.floatee-panel article{border-color:#36504b}.floatee-panel a{color:#d6ed70}.floatee-panel .danger{background:#51372d;color:#ffe0ce;border-color:#b87d61}
#onboarding .onboarding-art{background:#28443b}#onboarding .onboarding-art span{color:#d6ed70}
#error,#account-message.is-error{color:#ffb59e}
.steps b{color:#d6ed70}
/* Keep the illustrated map legible with dark water and pale dock labels. */
.map{background:#183532}.map>svg{filter:brightness(.65) saturate(.75)}
.map-top>span,.map-top button{background:#102b2bed;color:#edf3e9;border-color:#48635b}
.map-caption,.compass{color:#edf3e9}.map-caption small{color:#c1d2c5}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:#d6ed70}

/* Browser surfaces share the iPhone palette, including the installed PWA. */
:root{--lime:#d6ed70;--line:#36504b;--white:#102b2b}
.wordmark{color:var(--ink)}
.button-lime,.button-ink,.skip-link,.skip,.button.primary{background:#d6ed70;color:#173a36;border-color:#d6ed70}
.button-lime:hover,.button-ink:hover,.button.primary:hover{background:#c8e45a;color:#173a36}
.hero-content{color:#edf3e9}
.quick-planner,.approval-note,.mobile-menu{background:#102b2b;color:#edf3e9;border-color:#36504b}
.ride-tabs,#homepage-ride-form,.planner-field,.destination-bottom b{border-color:#48635b}
.ride-tabs [aria-pressed=true],.transfer-story,.destination{background:#183532}
.planner-field label,.planner-note,.step-number,.approval-note div>span,.destination-bottom,.coverage-note,.footer-bottom{color:#afc0b4}
.desktop-nav a:hover,.sign-in:hover{color:#d6ed70}
.approval-icon{background:#d6ed70;color:#173a36}
.captain-section{background:#102b2b;color:#edf3e9}
#planner-error{color:#ffb59e}
.privacy-page p{color:#afc0b4}
/* Preserve the map's existing night tiles and their readable controls. */
.map-toolbar,.real-map-note,#map-status{background:#191c20f5;color:#edf3e9}
.map-toolbar select{background:transparent;color:#edf3e9}
/* Operations uses the same dark surfaces and readable status badges. */
.access-story,.sidebar{background:#102b2b;color:#edf3e9}
.login-button.apple{background:#edf3e9;color:#173a36}
.staff-chip>span,.metric .metric-symbol,.attention-number,.preview-panel,.badge,th{background:#183532;color:#afc0b4}
.metric.highlight,.notice{background:#28443b;border-color:#48635b;color:#edf3e9}
.preview-panel,.button,.search-field{border-color:#48635b}
.preview-panel p{color:#afc0b4}
.button:hover{background:#28443b;color:#edf3e9}
.button.danger,.error-banner{background:#51372d;color:#ffe0ce;border-color:#b87d61}
.error-text{color:#ffb59e}
.badge.pending{background:#4b3d1e;color:#ffe3a0}
.badge.approved,.badge.verified,.badge.confirmed{background:#284a30;color:#d6edb5}
.badge.declined,.badge.rejected,.badge.cancelled{background:#51372d;color:#ffe0ce}
.badge.expired{background:#35413d;color:#c2cbc3}
.badge.owner{background:#3b4925;color:#d6ed70}
dialog input,dialog select,dialog textarea{background:#102b2b;color:#edf3e9;border-color:#48635b}
.desktop-nav{background:transparent}
