:root{--surface:#fff;--page:#f5f6f2;--ink:#23352f;--soft:#f0f4e6;--accent:#5e7949;--hero:#172e27;--on-primary:#fff;--green:#172e27;--lime:#d7ef82}
:root[data-theme=orange]{--green:#95400d;--hero:#71300d;--lime:#ffd29b;--soft:#fff0e2;--accent:#974008;--page:#fff8f1;--line:#eddfd3}
:root[data-theme=red]{--green:#a12c36;--hero:#6f1f2a;--lime:#ffd0d0;--soft:#ffeded;--accent:#a12c36;--page:#fff6f5;--line:#eedbda}
:root[data-mode=dark]{color-scheme:dark;--surface:#202725;--page:#141918;--ink:#edf3ee;--muted:#b1bcb5;--line:#3c4841;--soft:#2d3931;--accent:#d7ef82;--green:#d7ef82;--on-primary:#172e27}
:root[data-mode=dark][data-theme=orange]{--soft:#403027;--accent:#ffc38b;--green:#ffc38b;--on-primary:#412007;--hero:#71300d}
:root[data-mode=dark][data-theme=red]{--soft:#41292d;--accent:#ffb1b8;--green:#ffb1b8;--on-primary:#49151c;--hero:#6f1f2a}
html,body{background:var(--page);color:var(--ink)}.sidebar,.panel,.stat,.product,.order-card,dialog,.auth-card{background:var(--surface);color:var(--ink)}.topbar{background:var(--surface);color:var(--muted)}.topbar b{color:var(--ink)}.btn,input,textarea,select,.search{background:var(--surface);color:var(--ink);border-color:var(--line)}label{color:var(--ink)}.btn.primary,.nav a.active{background:var(--green);color:var(--on-primary);border-color:var(--green)}.hero,.customer-header{background:var(--hero);color:#fff}.hero p,.customer-header p{color:#eee}.hero .eyebrow{color:var(--lime)}.btn.lime,.check-circle{color:var(--hero)}.text-link,.brand span,.auth-brand span{color:var(--accent)}.nav a{color:var(--muted)}.nav a:hover:not(.active),.store,.help,.column,.stock-alert,.notice,.campaign,.stat-icon,.flow-row .bubble,.qty button,.integration-logo,.product-brand{background:var(--soft);color:var(--ink)}.nav .count,.bar{background:var(--lime);color:var(--hero)}.bar:hover{background:var(--accent)}.tabs button.selected{color:var(--accent);border-color:var(--accent)}th{background:var(--soft);color:var(--muted)}td{border-color:var(--line)}td small,.stat-top,.stat small,.order-card p,.stock-alert p,.campaign p,.bottom-note,.overline,.tabs button{color:var(--muted)}.live{background:var(--soft);color:var(--ink);border-color:var(--line)}.avatar{background:var(--soft)}.auth-screen{background:radial-gradient(circle at 20% 10%,var(--soft),transparent 55%),var(--page)}.auth-brand{color:var(--ink)}.auth-card>p:not(.auth-brand),.auth-card small{color:var(--muted)}.auth-card{border-color:var(--line)}.auth-card input{border-color:var(--line)}.auth-card input:focus{outline-color:var(--accent)}[data-mode=dark] #login-error{color:#ffb5ad}
.mode-selector{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--soft);flex-shrink:0}.mode-selector button{padding:7px 10px;border-radius:7px;font-size:12px;white-space:nowrap;color:var(--ink)}.mode-selector button[aria-pressed=true]{background:var(--green);color:var(--on-primary)}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.theme-option{border:2px solid var(--line);border-radius:12px;text-align:left;padding:16px;display:flex;align-items:center;gap:10px;color:var(--ink)}.theme-option[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.theme-check{margin-left:auto;visibility:hidden}.theme-option[aria-pressed=true] .theme-check{visibility:visible}.theme-swatch{width:25px;height:25px;border-radius:50%;flex-shrink:0}.theme-swatch.green{background:#426346}.theme-swatch.orange{background:#d96b23}.theme-swatch.red{background:#c63e4a}.auth-appearance{position:absolute;right:20px;top:20px}.auth-screen{position:relative;padding-top:90px}.top-right{gap:10px}.appearance h3{margin-top:0}@media(max-width:1100px){.topbar .today{display:none}}@media(max-width:600px){.theme-options{grid-template-columns:1fr}.topbar .live{display:none}.mode-selector button{padding:7px 8px}.topbar{padding:0 12px}.auth-appearance{top:16px;right:16px}}