/* 3D Print Business Manager — design tokens (light + dark) */
:root {
  --bg: #f4f3fa;
  --surface: #ffffff;
  --surface-2: #efeef7;
  --border: #e3e1ef;
  --border-strong: #7c7894;
  --ink: #17161f;
  --ink-muted: #5b586f;
  --primary: #5b4bd6;
  --primary-strong: #4a3bc4;
  --primary-soft: #e9e6ff;
  --on-primary: #ffffff;
  --hero: #4b3cc8;
  --hero-ink: #ffffff;
  --hero-muted: #d9d4ff;
  --hero-track: rgba(255,255,255,0.2);
  --lime: #c6f36b;
  --on-lime: #1c2600;
  --profit: #0c7a4a;
  --profit-soft: #dcf4e7;
  --warn: #8f5300;
  --warn-soft: #fff0d4;
  --loss: #c42f29;
  --loss-soft: #fde3e1;
  --focus: #5b4bd6;
  --cost-material: #5b4bd6;
  --cost-power: #e89a10;
  --cost-depreciation: #2f86d0;
  --cost-parts: #d6488f;
  --cost-packaging: #169c8e;
  --cost-labor: #6e6a86;
  --cost-waste: #c3c0d6;
  --chart-revenue: #5b4bd6;
  --chart-expense: #cdc8ee;
  --chart-profit: #0c7a4a;
  --chart-capex: #17161f;
  --ch-shopee: #e8582c;
  --ch-lazada: #2f5bd6;
  --ch-tiktok: #17161f;
  --ch-social: #5b4bd6;
  --ch-booth: #169c8e;
  --shadow-card: 0 1px 2px rgba(23,22,31,0.04), 0 6px 20px rgba(60,50,140,0.06);
  --shadow-pop: 0 12px 40px rgba(23,22,31,0.18);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --font-display: "Prompt", "Anuphan", system-ui, sans-serif;
  --font-sans: "Anuphan", "Noto Sans Thai", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f0e17;
    --surface: #1a1926;
    --surface-2: #232233;
    --border: #312f47;
    --border-strong: #6f6b8a;
    --ink: #f2f1f8;
    --ink-muted: #aaa7c0;
    --primary: #a498ff;
    --primary-strong: #8b7ef5;
    --primary-soft: #2b2654;
    --on-primary: #15112e;
    --hero: #2a2460;
    --hero-ink: #f2f1f8;
    --hero-muted: #bfb8f2;
    --hero-track: rgba(255,255,255,0.14);
    --lime: #c6f36b;
    --on-lime: #1c2600;
    --profit: #44d890;
    --profit-soft: #12301f;
    --warn: #f4b84a;
    --warn-soft: #35270c;
    --loss: #ff8278;
    --loss-soft: #3b1715;
    --focus: #c6f36b;
    --cost-material: #a498ff;
    --cost-power: #f4b84a;
    --cost-depreciation: #5fb0f2;
    --cost-parts: #f07ab4;
    --cost-packaging: #3cc9b8;
    --cost-labor: #9b97b5;
    --cost-waste: #4a4766;
    --chart-revenue: #a498ff;
    --chart-expense: #48437a;
    --chart-profit: #44d890;
    --chart-capex: #f2f1f8;
    --ch-shopee: #ff8a5e;
    --ch-lazada: #6f93ff;
    --ch-tiktok: #e6e4f2;
    --ch-social: #a498ff;
    --ch-booth: #3cc9b8;
    --shadow-card: 0 1px 2px rgba(0,0,0,0.5);
    --shadow-pop: 0 12px 40px rgba(0,0,0,0.6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0f0e17;
  --surface: #1a1926;
  --surface-2: #232233;
  --border: #312f47;
  --border-strong: #6f6b8a;
  --ink: #f2f1f8;
  --ink-muted: #aaa7c0;
  --primary: #a498ff;
  --primary-strong: #8b7ef5;
  --primary-soft: #2b2654;
  --on-primary: #15112e;
  --hero: #2a2460;
  --hero-ink: #f2f1f8;
  --hero-muted: #bfb8f2;
  --hero-track: rgba(255,255,255,0.14);
  --lime: #c6f36b;
  --on-lime: #1c2600;
  --profit: #44d890;
  --profit-soft: #12301f;
  --warn: #f4b84a;
  --warn-soft: #35270c;
  --loss: #ff8278;
  --loss-soft: #3b1715;
  --focus: #c6f36b;
  --cost-material: #a498ff;
  --cost-power: #f4b84a;
  --cost-depreciation: #5fb0f2;
  --cost-parts: #f07ab4;
  --cost-packaging: #3cc9b8;
  --cost-labor: #9b97b5;
  --cost-waste: #4a4766;
  --chart-revenue: #a498ff;
  --chart-expense: #48437a;
  --chart-profit: #44d890;
  --chart-capex: #f2f1f8;
  --ch-shopee: #ff8a5e;
  --ch-lazada: #6f93ff;
  --ch-tiktok: #e6e4f2;
  --ch-social: #a498ff;
  --ch-booth: #3cc9b8;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-pop: 0 12px 40px rgba(0,0,0,0.6);
  color-scheme: dark;
}