/* Modern Edu: warm yellow-orange accents, white surfaces, black typography. */
:root{--accent:#ffb21c;--accent-hover:#f2a20b;--accent-soft:#fff1d1;--accent-ink:#934700;--green:var(--accent-ink);--ink:#191919;--muted:#666666;--line:#e7e5df;--bg:#f7f7f5}
body{color:var(--ink);background:var(--bg)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a75200;outline-offset:3px}
aside,header,.panel,.metric,.account-menu,dialog{background:#fff}
.brand,.top-brand,.breadcrumbs strong,.account-trigger,.menu-option,.row-main strong,.panel-head h2,.page-head h1{color:var(--ink)}
.brand small,.role-label,.nav-item,.side-note,.breadcrumbs,.breadcrumbs span,.account-trigger small,.account-menu p,.menu-section small,.eyebrow,.page-head p,.metric p,.metric small,.panel-head small,.row-main p,.slot p,.permission-note,.footer,.identity-line,.week-row small{color:var(--muted)}
.nav-item.active{background:var(--accent-soft);color:var(--ink);box-shadow:inset 3px 0 var(--accent)}
.nav-item:hover:not(.active){background:#f5f5f3;color:var(--ink)}
.notice-tag,.access-note{color:#704500;background:#fff5df;border-color:#f2ddb0}
.avatar{color:#191919;background:#ffe5ad}
.account-menu{box-shadow:0 12px 40px #00000014}
.menu-option:hover,.menu-option.selected{background:var(--accent-soft);color:var(--ink)}
.primary,.submit{background:var(--accent);border-color:var(--accent);color:#171717;font-weight:600;box-shadow:none}
.primary:hover,.submit:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.secondary{background:#fff;border-color:#d8d7d1;color:#252525}
.secondary:hover{background:#fff8e8;border-color:#e5bd6b}
.quiet,.text-button,.preview-link a,.back,.daily-time,.week-row b{color:var(--accent-ink)}
.row-icon{background:#fff1d1;color:#674000}
.badge{background:#f1f1ee;color:#3e3e3b}
.badge.amber{background:#ffe9b1;color:#694000}
.badge.gray{background:#f1f1ee;color:#666}
.callout{background:#fff8e9;border-color:#f0dfbb;color:#685332}
.callout strong{color:#593b08}
.chips button,.check{background:#fafaf8;color:#333;border-color:var(--line)}
.chips button:hover{background:var(--accent-soft)}
.slot{border-color:#edc166}
.slot:before{background:#eea511;border-color:#fff4d9}
input,select{border-color:#dcdcd5;background:#fff;color:#202020}
input::placeholder{color:#777}
input:focus,select:focus{border-color:#b46508;background:#fff}
.check input{accent-color:#b45c00}
dialog::backdrop{background:#00000055}
.form-error{background:#fff0dd;color:#7c3900}
#toast{background:#202020;color:white;box-shadow:0 8px 20px #00000020;border-top:3px solid var(--accent)}
.mobile-nav{background:#ffffffef}
.mobile-nav button{color:#666}
.mobile-nav button.active{background:var(--accent-soft);color:#171717;border-radius:8px}
/* Sign-in page uses the same palette and typography contrast. */
.layout{background:white}
.story{background:#fff3d5}
.story h1{color:#171717}
.story h1 span{color:#ad5700}
.story-copy p,.story .eyebrow,.brand small,.ride-note{color:#6b5c43}
.place{background:#fffaf0;color:#644213;border-color:#e9d2a4}
.story-bottom{border-color:#e8d8b6}
.story-bottom>span{border-color:#bf9548;color:#704800}
.story-bottom strong{color:#5c4620}
.story-bottom small{color:#736143}
.top-note,.card .eyebrow{color:#6f6f6b}
.welcome-icon{color:#7a4600;background:#fff1ce;border-color:#f1dca4}
.intro,.divider,.invite,.preview-link,.permission-note,.login-side footer{color:#666}
.prototype-note{color:#755016;background:#fff7e5;border-color:#efdaad}
.google{background:white;color:#252525;border-color:#d8d8d2}
.google:hover{background:#fafaf8}
.divider:before,.divider:after,.preview-link{border-color:var(--line)}
.divider:before,.divider:after{background:var(--line)}
.auth-message{color:#674916;background:#fff4d9;border-color:#efdaad}
.reset-help{color:#666}
/* Device comparison page. */
.theme-preview{background:#f5f5f2;color:#202020}
.theme-preview header{background:white;border-color:var(--line)}
.theme-preview header span,.theme-preview h2,.theme-preview small{color:#666}
.theme-preview nav button{background:white;color:#333;border-color:#deded8}
.theme-preview nav button.active{background:var(--accent);border-color:var(--accent);color:#171717}
.theme-preview .phone .viewport{border-color:#202020;box-shadow:0 12px 30px #00000018}
.theme-preview .desktop .viewport{border-color:#deded8}
@media(max-width:700px){.story{background:#fff3d5}.mobile-nav button.active{color:#171717}.page-head{flex-wrap:wrap}.page-head .primary{white-space:nowrap}.card .eyebrow{color:#6f6f6b}}