/* Light dining-inspired palette with a warm orange-to-purple feature banner. */
:root{color-scheme:light;--ink:#082E4E;--green:#0076C8;--deep:#082E4E;--muted:#587187;--cream:#F3F9FC;--line:#DBE8EF;--gold:#E88613;--white:#FFFFFF;--red:#A7354D}
body{background:#F3F9FC;color:#082E4E}
h1,h2{font-family:'Segoe UI',Arial,sans-serif;font-weight:750;letter-spacing:-1.2px}
h1{font-size:40px}h2{letter-spacing:-.6px}
input,select{background:#FFFFFF;border-color:#8AA6BB;color:#082E4E}
input::placeholder{color:#587187;opacity:1}input:focus,select:focus{outline-color:#0076C8}
input:disabled{background:#EEF5F9;color:#587187}input[type=checkbox]{accent-color:#0076C8}
.eyebrow{color:#326A94}.primary{background:#0076C8;color:#FFFFFF}.primary:hover{background:#005FA6}
.secondary{background:#FFFFFF;border-color:#0076C8;color:#006AB6}.secondary:hover{background:#E9F6FF}
.button{border-radius:9px}.text-button,.field-help a{color:#006DBA}.danger,.error{color:#A7354D}
.quiet,.field-help,.optional{color:#587187}
.sidebar{background:#FFFFFF;border-color:#DBE8EF}.nav-item{color:#49687F}
.nav-item.active{background:#E5F3FF;color:#0066AF}.count,.tabs span{background:#D2EAFF;color:#074D80}
.little-note{background:#FFF5E6;border-color:#F0D6AE}.little-note>span{color:#B66700}
.little-note p{color:#795C38}.little-note strong{color:#5D4527}.avatar{background:#DFECFF;color:#1A579B}
.user-row small{color:#587187}.topbar{background:#FFFFFF;border-color:#DBE8EF;color:#587187}.topbar strong{color:#204F70}
.connection-pill{background:#F4F9FC;border-color:#B6CCDC;color:#395D77}.connection-pill i{background:#A17936}.connection-pill.online i{background:#258363}
.page-heading{background-image:url('/dining-pattern.svg'),linear-gradient(110deg,#B75C00 0%,#B14466 53%,#902EAF 100%);background-size:320px 210px,cover;padding:30px 32px;border-radius:16px;min-height:180px;box-shadow:0 4px 14px #84537312}
.page-heading h1{color:#FFFFFF;margin:12px 0}.page-heading h1>span{color:#FFE3AE}
.page-heading .eyebrow{display:inline-block;padding:4px 9px;border-radius:20px;background:#FFFFFFEB;color:#68374E;font-size:8px;letter-spacing:1.4px}
.page-heading p{color:#FFFFFF;font-size:12px;font-weight:500;max-width:560px}
.page-heading>.primary{background:#FFFFFF;color:#006AB6;border-color:#FFFFFF;box-shadow:0 3px 9px #59275922;flex-shrink:0}.page-heading>.primary:hover{background:#E8F5FF}
.stats>div,.watch-card,.panel{background:#FFFFFF;border-color:#DAE8EF;box-shadow:0 3px 12px #174E7105}
.stats div div span{color:#46667F}.stats small{color:#5B778A}
.stat-icon{background:#E5F4FF;color:#0071BB}.stat-icon.peach{background:#FFF0D8;color:#A45D00}.stat-icon.lavender{background:#F4E8FC;color:#8441A6}
.notice{background:#EFF8FF;border-color:#B9DBF3}.notice>span{color:#0076C8}.notice strong{color:#194E76}.notice p{color:#4D718D}.notice .text-button{color:#006BB8}
.tabs button{color:#526F83}.tabs .selected{color:#006AB6;border-bottom-color:#0076C8}
.watch-top{border-color:#E1ECF3}.restaurant-icon{background:#FFF0DF;color:#A75F16;border-radius:50%}
.watch-card:nth-child(3n+2) .restaurant-icon{background:#F3E8FF;color:#8555AA}.watch-card:nth-child(3n) .restaurant-icon{background:#E4F5FC;color:#177BA0}
.watch-top small{color:#56758C}.badge{background:#E8F4FF;color:#185F94}.badge.available{background:#DCF5F2;color:#176D63}.badge.error{background:#FCE9EE;color:#9C304A}.badge.paused{background:#EEF1F5;color:#526375}
.watch-window{color:#4F6E83}.offer-list a{border:1px solid #0076C8;border-radius:25px;background:#FFFFFF;color:#006BB8}.offer-list a:hover{background:#E6F5FF}
.watch-footer{background:#F9FCFE;border-color:#E1ECF3}.watch-footer small,.watch-footer .channel-label{color:#57748A}
.empty{background:#FFFFFF;border-color:#A9CADF}.empty-icon{background:#FFF0DF;color:#B3680F}.empty p{color:#557387}.empty-channels{color:#537791}
.bottom-note{color:#4F6C81}.bottom-note>span{color:#AD69B4}.app-footer{color:#4F6C81}.app-footer .dot{color:#C76C3B}
.service-icon{background:#FFF0DC;color:#A96613}.service-icon.green{background:#E4F5FC;color:#147A9E}.service-icon.blue{background:#ECECFF;color:#5D5AAC}.panel-title p{color:#587187}
.switch>span{background:#899EAE}.switch>span:before{background:#FFFFFF}.switch input:checked+span{background:#0076C8}.switch input:focus-visible+span{outline-color:#0076C8}
.connection-panel>p,.steps li p,.event-row small,.event-row time{color:#557187}.steps li>span{background:#E6F4FF;border-color:#A7CEE8;color:#006AB6}.steps pre{background:#F0F7FC;border:1px solid #C5DDEA;color:#174A70}
.checker-option{background:#FFFFFF;border-color:#CEE1ED}.checker-option p{color:#557187}.beta-option{background:#FAF3FF;border-color:#E3CBF1}.beta-opt-in input{accent-color:#0076C8}.cloud-signin{border-color:#E1D3EB}
dialog{background:#FFFFFF;border-color:#BDD5E5;color:#082E4E;border-radius:16px;box-shadow:0 25px 90px #174A7040}dialog::backdrop{background:#163A5C66}.channel-choices input{accent-color:#0076C8}
#toast{background:#083C64;color:#FFFFFF;border:1px solid #4C96C6}
.intro{background-image:url('/dining-pattern.svg'),linear-gradient(145deg,#B75C00 0%,#B14466 49%,#902EAF 100%);background-size:360px 235px,cover;color:#FFFFFF}
.intro .brand small{color:#FFFFFF}.intro .eyebrow{color:#FFFFFF}.intro-copy h1{font-size:58px;letter-spacing:-2px}.intro-copy p{color:#FFFFFF;font-weight:500}
.intro-pills span{background:#FFFFFF;border-color:#FFFFFF;color:#7C3D5B}.intro footer{color:#FFFFFF}
.plate{border-color:#FFFFFFC9;box-shadow:0 0 0 10px #FFFFFF14,0 0 0 11px #FFFFFF44;background:#FFFFFF0D}.plate-inner{border-color:#FFFFFF99;color:#FFFFFF}.fork,.knife,.spark,.art-note{color:#FFFFFF}
.auth-wrap{background:#F7FBFE}.auth-card h2{font-size:38px;color:#082E4E}.auth-card>p,.auth-note{color:#587187}.auth-note>span{color:#0076C8}
.segmented{background:#E8F1F7}.segmented button{color:#496D87}.segmented .selected{background:#FFFFFF;color:#006BB8}
::selection{background:#CCE9FF;color:#082E4E}
@media(min-width:1500px){.page-heading h1{font-size:45px}}
@media(max-width:1100px){.page-heading{padding:25px}.page-heading h1{font-size:34px}}
@media(max-width:760px){.page-heading{padding:24px 20px;border-radius:12px;min-height:0}.page-heading h1{font-size:30px}.page-heading p{font-size:11px}.page-heading>.button{min-height:40px}.intro-copy h1{font-size:46px}.auth-card h2{font-size:33px}}
