/* Private workspace appearance controls. The customer website is always dark. */
.theme-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--white);flex-shrink:0}
.theme-switch button,.demo-right .theme-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;color:var(--muted);text-decoration:none;white-space:nowrap}
.theme-switch button svg{width:16px;height:16px;flex-shrink:0}
.theme-switch button:hover{background:var(--paper);color:var(--ink)}
.theme-switch button[aria-pressed=true]{background:var(--blush);color:var(--rose)}
.hero-copy>.theme-switch{margin-bottom:26px}
.login-card>.theme-switch{margin-bottom:20px}
.demo-left{flex-wrap:wrap}
input,select,textarea{color:var(--ink);accent-color:var(--rose)}
@media(max-width:700px){.theme-switch button,.demo-right .theme-switch button{min-height:44px}.hero-copy>.theme-switch{margin-bottom:22px}.demo-right{column-gap:16px;row-gap:8px}}

/* Espresso, cream, and soft rose. Original photographs keep their natural colors. */
:root[data-theme=dark]{
  color-scheme:dark;
  --paper:#1c1818;
  --white:#272121;
  --ink:#f6eee7;
  --muted:#c6b6b0;
  --line:#4b3c3c;
  --rose:#e9acbc;
  --rose-hover:#f4c4d0;
  --blush:#3b2930;
  --green:#add6b8;
  --green-bg:#253c2e;
  --amber:#ebca91;
  --amber-bg:#403522;
  --blue:#b2cee8;
  --blue-bg:#293746;
  --shadow:0 12px 40px #0005;
  --surface-soft:#302829;
  --on-accent:#2c1921;
}
[data-theme=dark] body{background:var(--paper);color:var(--ink)}
[data-theme=dark] :focus-visible{outline-color:var(--rose)}
[data-theme=dark] .btn:not(.secondary):not(.ghost):not(.danger),
[data-theme=dark] .step-num,[data-theme=dark] .filter.active,
[data-theme=dark] .gallery-filters button[aria-pressed=true],
[data-theme=dark] .calendar-cell.today .day-number,
[data-theme=dark] .product-image:hover .product-view-hint{color:var(--on-accent)}
[data-theme=dark] .btn.danger{color:#ffc0c4;border-color:#86535c;background:#45282e}
[data-theme=dark] .brand-logo,[data-theme=dark] .login-brand img{mix-blend-mode:normal;background:#fcfaf7;border-radius:50%;padding:3px}
[data-theme=dark] .how{background:var(--white);border-color:var(--line);border-top-color:var(--rose)}
[data-theme=dark] .how p,[data-theme=dark] .notice-strip p{color:var(--muted)}
[data-theme=dark] .how-steps::before,[data-theme=dark] .how-item:not(:last-child)::before{border-color:var(--line)}
[data-theme=dark] .hero-photo-label,[data-theme=dark] .carousel-caption,[data-theme=dark] .carousel-kicker{background:#272121f2;color:var(--ink);box-shadow:0 4px 20px #0003}
[data-theme=dark] .carousel-arrow{background:#272121f2;border-color:var(--line);color:var(--ink);box-shadow:0 4px 20px #0003}
[data-theme=dark] .carousel-arrow:hover{background:var(--blush);color:var(--rose)}
[data-theme=dark] .carousel-play{border-color:var(--line)}
[data-theme=dark] .carousel-dots button>span{background:#776068}
[data-theme=dark] .carousel-dots button[aria-pressed=true]>span{background:var(--rose)}
[data-theme=dark] .carousel-stage,[data-theme=dark] .gallery-photo,[data-theme=dark] .photo-viewer-image,[data-theme=dark] .empty-photo{background:var(--surface-soft)}
[data-theme=dark] .gallery-filters button,[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .manage-field input,[data-theme=dark] .manage-field select,[data-theme=dark] .manage-field textarea{border-color:var(--line)}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#a99591;opacity:1}
[data-theme=dark] .workspace{background:var(--paper)}
[data-theme=dark] .demo-bar{background:var(--white)}
[data-theme=dark] .view-switch{background:var(--paper);border-color:var(--line)}
[data-theme=dark] .view-switch a.active{background:var(--blush);color:var(--rose);box-shadow:none}
[data-theme=dark] .side-links a:hover,[data-theme=dark] .pickup-row:hover{background:var(--surface-soft)}
[data-theme=dark] .count{background:#ffffff12}
[data-theme=dark] .notice-strip,[data-theme=dark] .pickup-row,[data-theme=dark] .timeline{border-color:var(--line)}
[data-theme=dark] .date-block,[data-theme=dark] .help-card,[data-theme=dark] .preview-message,[data-theme=dark] .detail-notes,[data-theme=dark] .close-btn{background:var(--surface-soft)}
[data-theme=dark] .badge{background:var(--surface-soft);color:var(--muted)}
[data-theme=dark] .badge.new,[data-theme=dark] .badge.quoted{background:var(--blush);color:var(--rose)}
[data-theme=dark] .badge.confirmed,[data-theme=dark] .badge.accepted{background:var(--blue-bg);color:var(--blue)}
[data-theme=dark] .badge.baking,[data-theme=dark] .badge.pending{background:var(--amber-bg);color:var(--amber)}
[data-theme=dark] .badge.ready,[data-theme=dark] .badge.collected,[data-theme=dark] .badge.paid{background:var(--green-bg);color:var(--green)}
[data-theme=dark] .activity-dot,[data-theme=dark] .timeline-item:before{background:var(--rose)}
[data-theme=dark] .data-table th,[data-theme=dark] .calendar-cell.outside{background:var(--paper);color:var(--muted)}
[data-theme=dark] .calendar-cell.selected,[data-theme=dark] .message.unread{background:var(--blush)}
[data-theme=dark] .cal-event.tentative{background:var(--amber-bg)}
[data-theme=dark] dialog{box-shadow:0 30px 100px #0009}
[data-theme=dark] dialog::backdrop{background:#080607b3}
[data-theme=dark] .error{background:#45282e;border-color:#86535c;color:#ffc0c4}
[data-theme=dark] #toast{background:var(--ink);color:var(--paper)}
[data-theme=dark] .photo-drop{background:var(--surface-soft);border-color:#9b7780}
[data-theme=dark] .photo-drop.dragging{background:var(--blush)}
[data-theme=dark] .publish-bar{background:#272121f5;box-shadow:0 -4px 20px #0003}
[data-theme=dark] .sold-out{color:#ffc0c4}
[data-theme=dark] .login-card,[data-theme=dark] .login-card input{background:var(--white);color:var(--ink)}