/* SbuyPrint foundation. One semantic palette for shell, work, quote and tools. */
:root {
  color-scheme: light;
  --bg:#f3f5f8; --bg-sunken:#ebeff4; --surface:#fff; --surface-2:#f7f9fc;
  --line:#dee4ec; --line-strong:#bdc8d6; --ink:#182538; --ink-2:#40516a; --muted:#5c6b80;
  --brand:#225ccb; --brand-dark:#17479e; --brand-soft:#eaf0ff; --on-brand:#fff;
  --good:#176840; --wait:#8a500f; --bad:#ab302d; --artwork:#6845a6;
  --soft-good:#e7f4ec; --soft-wait:#fff2db; --soft-bad:#fdecea; --soft-artwork:#f0eafa; --soft-muted:#ebeff4;
  --on-good:#fff; --on-wait:#fff; --on-bad:#fff;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px;
  --r-1:6px; --r-2:8px; --r-3:12px; --r-pill:999px; --r-sm:6px; --r-md:12px;
  --shadow-card:0 1px 3px rgb(24 37 56 / 4%); --shadow-pop:0 8px 28px rgb(24 37 56 / 12%); --shadow:var(--shadow-card);
  --font-sans:"Leelawadee UI","Noto Sans Thai",Tahoma,"Segoe UI",system-ui,sans-serif;
  --font-mono:"Cascadia Mono",Consolas,ui-monospace,monospace;
  --focus-ring:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent);
  --sidebar-width:248px;
}
html[data-theme="dark"] {
  color-scheme:dark;
  --bg:#101720; --bg-sunken:#0c121a; --surface:#18222e; --surface-2:#202d3c;
  --line:#344459; --line-strong:#52657e; --ink:#edf3fa; --ink-2:#ced8e6; --muted:#aab8ca;
  --brand:#8ab4ff; --brand-dark:#b5ceff; --brand-soft:#233d63; --on-brand:#101720;
  --good:#8bddb1; --wait:#f4c77a; --bad:#ffa6a0; --artwork:#ceb1ff;
  --soft-good:#193d31; --soft-wait:#40311d; --soft-bad:#452928; --soft-artwork:#34254c; --soft-muted:#202d3c;
  --on-good:#101720; --on-wait:#101720; --on-bad:#101720;
  --shadow-card:0 1px 3px rgb(0 0 0 / 12%); --shadow-pop:0 8px 28px rgb(0 0 0 / 32%);
}