:root{
  color-scheme:light;
  --paper:#f7ead5;--card:#fffaf0;--ink:#302116;--muted:#735944;
  --olive:#b63e24;--olive-dark:#832d1a;--line:#e5c9a2;--danger:#a52e24;
  --mobile-surface:#fffaf0;--mobile-muted:#735944;
  --espresso-soft:#f3ddbd;--espresso-raised:#eacb9f;--espresso-on-accent:#fff8ec;
  --theme-control:#efd8b5;--theme-control-ink:#74321f;--theme-thumb:#fffaf0;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#140f0b;--card:#25180f;--ink:#fff1dc;--muted:#cfb79a;
  --olive:#f4b343;--olive-dark:#ffd27b;--line:#54371e;--danger:#ff967f;
  --mobile-surface:#25180f;--mobile-muted:#cfb79a;
  --espresso-soft:#392515;--espresso-raised:#4c321e;--espresso-on-accent:#281608;
  --theme-control:#49301c;--theme-control-ink:#ffe2b4;--theme-thumb:#f4b343;
}
:root:not([data-theme="dark"]) body{background:var(--paper);color:var(--ink)}
:root:not([data-theme="dark"]) :is(.site-header,.menu-navigation,.sidebar-brand){background:var(--paper)}
:root:not([data-theme="dark"]) :is(.mobile-tabbar,.sidebar nav){background:var(--card);border-color:var(--line)}
:root:not([data-theme="dark"]) .sidebar{background:#f1dfc2;border-color:var(--line)}
:root:not([data-theme="dark"]) .login-screen{background:radial-gradient(ellipse at 20% 20%,#f0c786,transparent 60%),var(--paper)}
:root:not([data-theme="dark"]) :is(.icon-button,.secondary,.sample-notice,.sidebar-bottom>.button){background:var(--espresso-soft);border-color:var(--line);color:var(--olive-dark)}
:root:not([data-theme="dark"]) .mobile-tabbar [aria-current="page"]>span{background:var(--espresso-soft);color:var(--olive)}
:root:not([data-theme="dark"]) :is(.mobile-tabbar button,.mobile-search-trigger,.logout,.nav-button:not([aria-current="page"])){color:var(--muted)}
:root:not([data-theme="dark"]) .mobile-tabbar [aria-current="page"]{color:var(--olive)}
:root:not([data-theme="dark"]) .mobile-search-trigger{background:var(--espresso-soft);border-color:var(--line)}
:root:not([data-theme="dark"]) .mobile-welcome-icon{color:var(--olive)}
.header-actions,.page-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.theme-toggle{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;width:76px;min-width:76px;height:44px;padding:6px;gap:4px;border:1px solid var(--line);border-radius:24px;background:var(--theme-control);color:var(--theme-control-ink);direction:ltr;touch-action:manipulation}
.theme-toggle::before{content:'';position:absolute;top:5px;left:5px;width:32px;height:32px;border-radius:50%;background:var(--theme-thumb);box-shadow:0 2px 6px #00000012;z-index:-1;transform:translateX(0)}
.theme-toggle svg{width:22px;height:22px;margin:0 4px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[data-theme="dark"] .theme-toggle::before{transform:translateX(32px)}
[data-theme="dark"] .theme-toggle .theme-moon{color:var(--espresso-on-accent)}
.login-theme-switch{position:absolute;top:max(20px,env(safe-area-inset-top));left:20px;z-index:2}
/* Blend paint colors without moving content or interrupting input. */
html.theme-color-transition *,html.theme-color-transition *::before,html.theme-color-transition *::after{transition:background-color 260ms cubic-bezier(.23,1,.32,1),color 260ms cubic-bezier(.23,1,.32,1),border-color 260ms cubic-bezier(.23,1,.32,1),box-shadow 260ms cubic-bezier(.23,1,.32,1)}
html.theme-color-transition .theme-toggle::before{transition:transform 260ms cubic-bezier(.23,1,.32,1),background-color 260ms ease-out}

/* Dark Espresso: chocolate surfaces, cream type, caramel actions. */
[data-theme="dark"] body{background:var(--paper)}
[data-theme="dark"] :is(.site-header,.menu-navigation,.sidebar-brand){background:var(--paper);background:color-mix(in srgb,var(--paper) 92%,transparent)}
[data-theme="dark"] :is(.mobile-tabbar,.sidebar nav){background:var(--card);background:color-mix(in srgb,var(--card) 93%,transparent);border-color:var(--line)}
[data-theme="dark"] .sidebar{background:#20160f;border-color:var(--line)}
[data-theme="dark"] :is(.brand-caption,.sidebar-brand>span,.welcome-link,.search-field,.menu-card,.card-bottom,.mobile-category-tile,.mobile-cafe-details,.login-card,.edit-button,.sidebar-bottom>.button,.photo-tile,.pairing-option){border-color:var(--line)}
[data-theme="dark"] :is(.category-tab,.filter,.nav-button,.logout,.card-description,.card-capacity,.unavailable .card-title,.mobile-cafe-intro,.mobile-tabbar button,.mobile-search-trigger,.site-footer small){color:var(--muted)}
[data-theme="dark"] :is(.site-header .text-button,.logout,.icon-button,.category-tab,.filter.active,.mobile-search-trigger,.search-field,.dialog-heading .icon-button,.sample-notice,.detail-tag,.mobile-tag-filter.active,.group-heading span,.mobile-tabbar [aria-current="page"]>span,.secondary,.sidebar-bottom>.button,.mobile-seed,.photo-cover,.order-buttons .icon-button){background:var(--espresso-soft);color:var(--olive)}
:root[data-theme="dark"] :is(.category-tab.active,.category-choice.active,.solid-button,.mobile-filter-button,.sheet-done,.primary,.nav-button[aria-current="page"]){background:var(--olive);color:var(--espresso-on-accent);border-color:var(--olive)}
[data-theme="dark"] :is(.card-badge,.dialog-close,.gallery-controls button,.gallery-count){background:#2a221df2;color:var(--olive-dark)}
[data-theme="dark"] :is(.unavailable,.pairing-card,.photo-tile,.empty){background:#241c18}
[data-theme="dark"] :is(.unavailable .card-badge,.detail-tag.sold-out){background:#4b302c;color:var(--danger)}
[data-theme="dark"] :is(.card-image,.detail-photo,.gallery-slide .detail-photo,.detail-gallery,.mobile-category-tile img,.cover-crop img,.admin-item>img){background:#211a16}
[data-theme="dark"] :is(.mobile-welcome-icon,.mobile-cafe-cover>span span,.mobile-tabbar [aria-current="page"]){color:var(--olive)}
[data-theme="dark"] :is(.all-categories,.search-field:focus-within){background:var(--card);border-color:var(--olive)}
[data-theme="dark"] :is(.sheet-grabber>span,.switch){background:#655143}
[data-theme="dark"] .switch::after{background:#f6ede2}
[data-theme="dark"] .mobile-category-tile.selected::after,[data-theme="dark"] .mobile-tag-filter.active::after{background:var(--olive);color:var(--espresso-on-accent)}
[data-theme="dark"] .mobile-tag-filter::after{border-color:#8f7560}
[data-theme="dark"] :is(.sheet-grabber,.sheet-footer){background:var(--mobile-surface)}
[data-theme="dark"] input:not([type="checkbox"]):not([type="file"]):not([type="range"]),[data-theme="dark"] textarea,[data-theme="dark"] select{background:var(--mobile-surface);color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .search-field input{background:transparent!important}
[data-theme="dark"] :is(input,textarea)::placeholder{color:#a38e7f}
[data-theme="dark"] .login-screen{background:radial-gradient(ellipse at 20% 20%,#70451e,transparent 60%),var(--paper)}
[data-theme="dark"] :is(.form-error,.panel-error,.danger,.variant-row .icon-button,.photo-tile .remove-photo){background:#422a25;color:var(--danger);border-color:#714c42}
[data-theme="dark"] .toast{background:var(--olive);color:var(--espresso-on-accent)}
[data-theme="dark"] .toast.error{background:#71463d;color:var(--ink)}
[data-theme="dark"] .daily-bar{background:var(--olive)}
[data-theme="dark"] .daily-track{background:linear-gradient(to bottom,transparent 49%,var(--line) 50%,transparent 51%)}
[data-theme="dark"] dialog::backdrop{background:#0e0906a3}
[data-theme="dark"] .password-field>.icon-button{background:transparent}
@media(hover:hover) and (pointer:fine){
  .theme-toggle:hover{border-color:var(--olive)}
  [data-theme="dark"] :is(.icon-button:hover,.category-tab:not(.active):hover,.secondary:hover,.edit-button:hover,.nav-button:not([aria-current]):hover){background:var(--espresso-raised);color:var(--olive)}
  [data-theme="dark"] :is(.primary:hover,.solid-button:hover){background:#ffd27b;color:var(--espresso-on-accent)}
  [data-theme="dark"] .menu-card:hover{border-color:#8f7560}
}
@media(max-width:767px),(max-width:950px) and (max-height:500px){
  .header-actions{gap:8px}
  .site-header .brand-caption{display:none}
  .page-header-actions{gap:8px}
  .page-header-actions .preview-link{font-size:0;width:44px;padding:0}
  .page-header-actions .preview-link::after{content:'↗';font-size:21px}
  .login-screen{padding-top:88px}
  [data-theme="dark"] .sidebar nav .nav-button[aria-current="page"]{background:var(--espresso-soft);color:var(--olive)}
  [data-theme="dark"] :is(.menu-card:active,.mobile-category-tile:active){background:var(--espresso-soft)}
}
@media(prefers-reduced-transparency:reduce){[data-theme="dark"] :is(.site-header,.menu-navigation,.sidebar-brand){background:var(--paper)}[data-theme="dark"] :is(.mobile-tabbar,.sidebar nav){background:var(--card)}}
@media(prefers-contrast:more){[data-theme="dark"] .card-description{color:var(--ink)}[data-theme="dark"] :is(.menu-card,.mobile-category-tile){border-color:var(--olive)}}
@media(prefers-reduced-motion:reduce){html.theme-color-transition *,html.theme-color-transition *::before,html.theme-color-transition *::after{transition:none!important}}

[data-theme="dark"] input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #241c18 inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}