/* Six presentation directions; the original palette remains the default. */
:root{--accent-text:#7210d3;--on-accent:#fff;--theme-surface:#fff;--theme-soft:#f5f0ff;--theme-hero:#f5f0ff;--theme-art:#eee5fc;--theme-border:#e2d2f5;--theme-muted:#667387;--theme-ink:#092c5c;--theme-canvas:#faf9fc;--theme-accent:#7210d3;--theme-secondary:#2463a3;--theme-heading:'Open Sans',Arial,sans-serif;--theme-radius:22px;--theme-on-dark:#eee0fc;--map-halo:#7210d318}
:root[data-theme="coastal"]{--pink:#09667b;--pink-dark:#074e60;--pink-light:#e8f1ee;--blue:#b64d37;--blue-dark:#913924;--sky:#f6ebdf;--ink:#163b45;--muted:#627273;--line:#dedfd4;--bg:#fcfaf5;--accent-text:#09667b;--theme-surface:#fffdf8;--theme-soft:#e8f1ee;--theme-hero:#e8f1ee;--theme-art:#efe5d3;--theme-border:#d8e1d9;--theme-muted:#627273;--theme-ink:#163b45;--theme-canvas:#fcfaf5;--theme-accent:#09667b;--theme-secondary:#b64d37;--theme-heading:Georgia,'Times New Roman',serif;--theme-radius:28px;--theme-on-dark:#e4f2ef;--map-halo:#09667b20;font-family:'Trebuchet MS',Arial,sans-serif}
:root[data-theme="street"]{--pink:#f4c433;--pink-dark:#dfad19;--pink-light:#fff4c7;--blue:#454a4a;--blue-dark:#272b2b;--sky:#f0ede4;--ink:#252827;--muted:#66675f;--line:#dedbd0;--bg:#f8f5ec;--accent-text:#66500b;--on-accent:#252827;--theme-surface:#fffdf6;--theme-soft:#fff4c7;--theme-hero:#252827;--theme-art:#f4c433;--theme-border:#d8d4c4;--theme-muted:#66675f;--theme-ink:#252827;--theme-canvas:#f8f5ec;--theme-accent:#f4c433;--theme-secondary:#454a4a;--theme-heading:'Arial Black',Arial,sans-serif;--theme-radius:8px;--theme-on-dark:#f0ede4;--map-halo:#f4c43340;font-family:Arial,sans-serif}
.theme-picker{display:flex;align-items:center;justify-content:center;gap:22px;padding:10px 20px;background:var(--theme-surface);border-bottom:1px solid var(--theme-border);color:var(--theme-ink);position:relative;z-index:25;font-family:Arial,sans-serif}
.theme-caption{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;white-space:nowrap}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(100%,570px)}.theme-choice{display:flex;gap:8px;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-surface);color:var(--theme-ink);font:700 12px Arial,sans-serif;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.theme-choice:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000012}.theme-choice:active{transform:scale(.97)}.theme-choice[aria-pressed="true"]{border-color:var(--theme-ink);background:var(--theme-soft);box-shadow:inset 0 0 0 1px var(--theme-ink)}.theme-choice:focus-visible{outline:3px solid var(--theme-secondary);outline-offset:3px}.theme-swatch{width:14px;height:14px;flex:none;border-radius:50%;border:1px solid #0002}.swatch-original{background:#7210d3}.swatch-coastal{background:linear-gradient(135deg,#09667b 55%,#cf6f51 55%)}.swatch-street{background:linear-gradient(135deg,#252827 50%,#f4c433 50%)}
html[data-theme] body{background:var(--theme-canvas);color:var(--theme-ink)}html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{font-family:var(--theme-heading)}
html[data-theme]:not([data-theme="original"]) :is(.panel,.food-card,.metric,.topbar,.sidebar,.search,.truck-row,.map-featured,.map-label,.pin-label,.map-control,.btn.ghost,.chip,.auth-layout,.static-input){background:var(--theme-surface)}
html[data-theme]:not([data-theme="original"]) :is(.panel,.hero,.profile-hero,.shift-panel,.map-panel,.auth-layout){border-radius:var(--theme-radius)}
html[data-theme]:not([data-theme="original"]) :is(.hero,.profile-hero){background:var(--theme-soft);border-color:var(--theme-border)}
html[data-theme]:not([data-theme="original"]) :is(.hero-art,.profile-hero-art,.food-art){background:var(--theme-art)}
html[data-theme]:not([data-theme="original"]) .food-art.blue{background:var(--sky)}
html[data-theme]:not([data-theme="original"]) :is(.truck-avatar,.avatar,.success-icon,.schedule-date,.auth-art,.notice.pink,.bar-track){background:var(--theme-soft);color:var(--accent-text)}
html[data-theme]:not([data-theme="original"]) :is(.hero p,.auth-art p,.quote,.route-state){color:var(--theme-muted)}
html[data-theme]:not([data-theme="original"]) .truck-row.selected{background:var(--theme-soft);border-color:var(--pink)}
html[data-theme]:not([data-theme="original"]) .shift-panel{background:linear-gradient(120deg,var(--pink),var(--pink-dark))}
html[data-theme]:not([data-theme="original"]) .shift-panel :is(p,small){color:var(--theme-on-dark)}
html[data-theme]:not([data-theme="original"]) .end-shift{background:var(--theme-soft);border-color:var(--theme-border)}
html[data-theme] .btn:where(:not(.ghost):not(.soft):not(.danger):not(.blue)){color:var(--on-accent)}html[data-theme] .chip.active{background:var(--pink);color:var(--on-accent)}html[data-theme] .pin-circle{color:var(--on-accent)}html[data-theme] .map-pin.blue .pin-circle{color:white}html[data-theme] .bottom-nav{color:var(--on-accent)}html[data-theme] .wave{fill:var(--theme-surface)}
html[data-theme="coastal"] .hero-copy{padding:38px}html[data-theme="coastal"] .hero h2{font-weight:700;letter-spacing:-1.3px}html[data-theme="coastal"] .btn{border-radius:24px}html[data-theme="coastal"] .nav-item.active{box-shadow:inset 3px 0 var(--pink)}html[data-theme="coastal"] .demo-bar{background:#163b45}html[data-theme="coastal"] .hero-art svg{transform:rotate(-2deg)}
html[data-theme][data-theme="street"] :is(h1,h2){letter-spacing:-.8px;font-weight:900}html[data-theme][data-theme="street"] .hero h2{text-transform:uppercase;letter-spacing:-1.2px}html[data-theme][data-theme="street"] :is(.btn,.chip,.truck-row,.food-card,.nav-item,.metric,.map-featured,.theme-choice){border-radius:6px}html[data-theme][data-theme="street"] :is(.topbar,.sidebar){background:#252827;color:#fffdf6;border-color:#454a4a}html[data-theme][data-theme="street"] .sidebar :is(.nav-item,.sidebar-label,.text-link){color:#eee9dc}html[data-theme][data-theme="street"] .nav-item.active{background:#f4c433;color:#252827}html[data-theme][data-theme="street"] .nav-item.active:after{background:#252827}html[data-theme][data-theme="street"] .toplink.current,html[data-theme][data-theme="street"] .toplink:hover{background:#f4c433;color:#252827}html[data-theme][data-theme="street"] .brand-by{color:#e7e0ce;border-color:#66675f}html[data-theme][data-theme="street"] .demo-bar{background:#f4c433;color:#252827}html[data-theme][data-theme="street"] .demo-bar b{color:#252827}html[data-theme][data-theme="street"] .hero,html[data-theme][data-theme="street"] .shift-panel{background:#252827;color:#fffdf6}html[data-theme][data-theme="street"] .hero :is(.eyebrow,h2){color:#f4c433}html[data-theme][data-theme="street"] .hero p{color:#e7e0ce}html[data-theme][data-theme="street"] .shift-panel .btn{background:#f4c433;color:#252827}html[data-theme][data-theme="street"] .btn:hover{box-shadow:3px 3px 0 #252827}html[data-theme][data-theme="street"] .hero-art svg{transform:rotate(0)}html[data-theme][data-theme="street"] .bottom-nav{background:#252827;color:#fffdf6;border-top:4px solid #f4c433;border-radius:0}
/* Presentation shell follows the same selection as its embedded app. */
html[data-theme] .presentation-header{background:var(--theme-surface);border-color:var(--theme-border)}html[data-theme] .presentation-header p,html[data-theme] .presentation-main :is(p,li,.footer,#count){color:var(--theme-muted)}html[data-theme] .presentation-main .eyebrow{color:var(--accent-text)}html[data-theme] .presentation-main :is(.notes,.screen){background:var(--theme-surface);border-color:var(--theme-border);border-radius:var(--theme-radius)}html[data-theme] .presentation-main .primary{background:var(--theme-accent);color:var(--on-accent)}html[data-theme] .presentation-main .switch button[aria-pressed=true]{background:var(--theme-ink);color:var(--theme-surface)}html[data-theme][data-theme="street"] .presentation-header{background:#252827;color:#fffdf6}html[data-theme][data-theme="street"] .presentation-header p{color:#e7e0ce}html[data-theme][data-theme="street"] .presentation-header a{color:#252827}
@media(max-width:600px){.theme-picker{display:block;padding:8px 12px}.theme-caption{display:block;text-align:center;font-size:9px;margin-bottom:7px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.theme-choice{padding:8px 5px;font-size:10px;gap:5px;min-height:44px;line-height:1.3}.theme-swatch{width:11px;height:11px}.theme-choice span:last-child{max-width:78px}html[data-theme="coastal"] .hero-copy{padding:25px}}
@media(prefers-reduced-motion:reduce){.theme-choice{transition:none!important}}
html[data-theme]:not([data-theme="street"]):not([data-theme="night"]) .shift-panel .btn{color:var(--accent-text)}

/* Additional directions: same screens, distinct material and type treatments. */
:root[data-theme="fresh"]{--pink:#285b3c;--pink-dark:#1c452c;--pink-light:#eaf0df;--blue:#995331;--blue-dark:#7b4026;--sky:#f8e6d5;--ink:#244732;--muted:#61705c;--line:#dedfce;--bg:#faf8ed;--accent-text:#285b3c;--theme-surface:#fffdf3;--theme-soft:#eaf0df;--theme-hero:#eaf0df;--theme-art:#f3d3b2;--theme-border:#d8deca;--theme-muted:#61705c;--theme-ink:#244732;--theme-canvas:#faf8ed;--theme-accent:#285b3c;--theme-secondary:#995331;--theme-heading:'Palatino Linotype',Palatino,Georgia,serif;--theme-radius:30px;--theme-on-dark:#eaf0df;--map-halo:#285b3c25;font-family:'Trebuchet MS',Arial,sans-serif}
:root[data-theme="night"]{color-scheme:dark;--pink:#8bb6ff;--pink-dark:#b9d0f7;--pink-light:#233657;--blue:#df8db8;--blue-dark:#efb8d5;--sky:#32273f;--ink:#edf3ff;--muted:#b3bfd4;--line:#34425d;--bg:#10182b;--accent-text:#a9caff;--on-accent:#10182b;--theme-surface:#18233a;--theme-soft:#233657;--theme-hero:#172b4b;--theme-art:#233c61;--theme-border:#34425d;--theme-muted:#b3bfd4;--theme-ink:#edf3ff;--theme-canvas:#10182b;--theme-accent:#8bb6ff;--theme-secondary:#df8db8;--theme-heading:'Trebuchet MS',Arial,sans-serif;--theme-radius:18px;--theme-on-dark:#dce8ff;--map-halo:#8bb6ff40;--map-land:#1c2a3c;--map-water:#152d49;--map-coast:#526b87;--map-park:#253e3d;--map-road:#475970;--map-highway:#93816b;--map-road-center:#bfb59b;--map-label:#bdcbd7;--map-ocean-label:#89aac8;font-family:Arial,sans-serif}
:root[data-theme="retro"]{--pink:#b93727;--pink-dark:#98281e;--pink-light:#fce7cf;--blue:#71512b;--blue-dark:#573b1d;--sky:#f5e4a6;--ink:#582d22;--muted:#81634d;--line:#ddc5a2;--bg:#fcf5e5;--accent-text:#a62e20;--theme-surface:#fffaeb;--theme-soft:#f5e4a6;--theme-hero:#f5e4a6;--theme-art:#f2d68e;--theme-border:#ddc5a2;--theme-muted:#81634d;--theme-ink:#582d22;--theme-canvas:#fcf5e5;--theme-accent:#b93727;--theme-secondary:#71512b;--theme-heading:'Trebuchet MS',Arial,sans-serif;--theme-radius:20px;--theme-on-dark:#fff0ce;--map-halo:#b9372725;font-family:'Trebuchet MS',Arial,sans-serif}
.swatch-fresh{background:linear-gradient(135deg,#285b3c 55%,#e6b482 55%)}.swatch-night{background:linear-gradient(135deg,#10182b 45%,#8bb6ff 45%,#8bb6ff 75%,#df8db8 75%)}.swatch-retro{background:linear-gradient(135deg,#b93727 55%,#f5e4a6 55%)}
html[data-theme][data-theme="fresh"] .hero h2{font-weight:700;letter-spacing:-1.5px}html[data-theme][data-theme="fresh"] :is(.btn,.chip){border-radius:28px}html[data-theme][data-theme="fresh"] :is(.food-card,.truck-row,.metric){border-radius:24px}html[data-theme][data-theme="fresh"] .hero-art:before{border-radius:42% 58% 63% 37%;background:#fff8;transform:rotate(18deg)}html[data-theme][data-theme="fresh"] .demo-bar{background:#244732}html[data-theme][data-theme="fresh"] .demo-bar b{color:#f3d3b2}html[data-theme][data-theme="fresh"] .nav-item.active{box-shadow:inset 4px 0 #285b3c}html[data-theme][data-theme="fresh"] .btn:hover{box-shadow:0 6px 16px #285b3c25}
html[data-theme][data-theme="night"] :is(.topbar,.sidebar,.presentation-header){background:#10182b}html[data-theme][data-theme="night"] :is(.field input,.field textarea,.table th,.segmented,.step,.route-state,.skip){background:#233047;color:var(--ink);border-color:var(--line)}html[data-theme][data-theme="night"] .segmented .selected{background:#34486a;color:#edf3ff}html[data-theme][data-theme="night"] .step.current{background:var(--pink);color:var(--on-accent)}html[data-theme][data-theme="night"] .notice{background:#24334e;color:#c6dcff}html[data-theme][data-theme="night"] .pill{background:#29374e;color:#d5e0f4}html[data-theme][data-theme="night"] .pill.green{background:#193f35;color:#96e3bd}html[data-theme][data-theme="night"] .pill.blue{background:#372b45;color:#efb8d5}html[data-theme][data-theme="night"] .pill.pink{background:#233657;color:#b9d0f7}html[data-theme][data-theme="night"] .pill.amber{background:#443821;color:#f4d08a}html[data-theme][data-theme="night"] .btn.blue{color:#10182b}html[data-theme][data-theme="night"] .btn.danger{background:#4a283b;color:#ffc1d2}html[data-theme][data-theme="night"] .shift-panel{background:linear-gradient(120deg,#1d355a,#233047);border:1px solid #516d97}html[data-theme][data-theme="night"] .shift-panel .btn{background:#8bb6ff;color:#10182b}html[data-theme][data-theme="night"] .hero{background:linear-gradient(120deg,#172b4b,#222640);border-color:#465f88}html[data-theme][data-theme="night"] .hero-art:before,html[data-theme][data-theme="night"] .food-art:before{background:#8bb6ff12}html[data-theme][data-theme="night"] :is(.hero-art .art-label,.map-caption){color:#bdd1e5}html[data-theme][data-theme="night"] .map-pin.blue .pin-circle{color:#10182b}html[data-theme][data-theme="night"] .map-panel{background:#1c2a3c;border-color:#34425d}html[data-theme][data-theme="night"] .pin-circle{border-color:#18233a}html[data-theme][data-theme="night"] .bottom-nav{background:#18233a;color:#edf3ff;border-top:1px solid #526b97}html[data-theme][data-theme="night"] .nav-item:hover{color:#efb8d5}html[data-theme][data-theme="night"] .demo-bar{background:#233657}html[data-theme][data-theme="night"] .demo-bar b{color:#df8db8}html[data-theme][data-theme="night"] .btn:hover{box-shadow:0 0 20px #8bb6ff35}html[data-theme][data-theme="night"] .theme-choice:hover{box-shadow:0 0 14px #8bb6ff25}html[data-theme][data-theme="night"] :is(.presentation-main button,.presentation-header a){background:#233047;color:#edf3ff;border-color:#52617e}html[data-theme][data-theme="night"] .presentation-main .primary{background:#8bb6ff;color:#10182b}html[data-theme][data-theme="night"] .presentation-main .switch button[aria-pressed=true]{background:#edf3ff;color:#18233a}html[data-theme][data-theme="night"] :is(.presentation-main .toolbar,.demo-footer,.sidebar-foot p){color:#b3bfd4}html[data-theme][data-theme="night"] .toggle.off{background:#53617a}
html[data-theme][data-theme="retro"] :is(h1,h2){font-weight:900;letter-spacing:-1px}html[data-theme][data-theme="retro"] .hero h2{font-style:italic;letter-spacing:-1.6px}html[data-theme][data-theme="retro"] :is(.panel,.food-card,.metric,.hero,.truck-row){border-width:2px;border-color:#b89875}html[data-theme][data-theme="retro"] :is(.btn,.chip){border-radius:28px}html[data-theme][data-theme="retro"] .btn{border:2px solid #582d22;box-shadow:2px 3px 0 #582d22}html[data-theme][data-theme="retro"] .btn:hover{box-shadow:3px 5px 0 #582d22}html[data-theme][data-theme="retro"] .btn:active{box-shadow:0 1px 0 #582d22}html[data-theme][data-theme="retro"] .hero-art:before{background:#fffaeb;border:2px dashed #b93727}html[data-theme][data-theme="retro"] .demo-bar{background:#b93727}html[data-theme][data-theme="retro"] .demo-bar b{color:#f5e4a6}html[data-theme][data-theme="retro"] .nav-item.active{outline:1px solid #b93727;outline-offset:-1px}html[data-theme][data-theme="retro"] .bottom-nav{border-top:3px solid #f5e4a6}