/* Soft Teal — generated from tokens.json */
:root, [data-theme="light"] {
  --primary: #158f90;
  --primary-strong: #117576;
  --primary-light: #d8f3f0;
  --on-primary: #ffffff;
  --accent-amber: #e7a34b;
  --accent-amber-tint: #fcf4e9;
  --accent-amber-strong: #8f652e;
  --bg-app: #f7fafa;
  --bg-header: #ffffff;
  --bg-card: #ffffff;
  --text-primary: #253335;
  --text-secondary: #687a7c;
  --border: #dfe7e7;
  --border-control: #839496;
  --receiving: #168c60;
  --receiving-tint: #e3f1ec;
  --receiving-strong: #137853;
  --requisition: #2778d5;
  --requisition-tint: #e5effa;
  --requisition-strong: #236bbe;
  --stock-return: #7b55c7;
  --stock-return-tint: #efebf8;
  --stock-return-strong: #7953c3;
  --waste: #d75555;
  --waste-tint: #faebeb;
  --waste-strong: #b24747;
  --procurement: #b87812;
  --procurement-tint: #f6efe3;
  --procurement-strong: #93600e;
  --dashboard: var(--primary);
  --dashboard-tint: var(--primary-light);
  --dashboard-strong: var(--primary-strong);
  --stock-count: #526981;
  --stock-count-tint: #eaedf0;
  --settings: #687a7c;
  --settings-tint: #edefef;
  --settings-strong: #5e6e70;
  --status-success: var(--receiving-strong);
  --status-success-tint: var(--receiving-tint);
  --status-warning: var(--procurement-strong);
  --status-warning-tint: var(--procurement-tint);
  --status-danger: var(--waste-strong);
  --status-danger-tint: var(--waste-tint);
  --status-info: var(--requisition-strong);
  --status-info-tint: var(--requisition-tint);
  --overlay: rgba(37, 51, 53, 0.45);
  --shadow-card: 0 1px 2px rgba(37, 51, 53, 0.06);
  --shadow-raised: 0 12px 32px rgba(37, 51, 53, 0.14);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --touch-min: 44px;
  --touch-lg: 56px;
  --header-height: 64px;
  --sidebar-width: 248px;
  --bottom-nav-height: 64px;
  --font-sans: "Inter", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-thai: "Noto Sans Thai", "Inter", system-ui, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 28px; line-height: 40px; font-weight: 700; }
.title { font-family: var(--font-sans); font-size: 22px; line-height: 32px; font-weight: 600; }
.heading { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 600; }
.body-lg { font-family: var(--font-sans); font-size: 17px; line-height: 26px; font-weight: 500; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 18px; font-weight: 500; letter-spacing: 0.02em; }
.qty-xl { font-family: var(--font-sans); font-size: 40px; line-height: 48px; font-weight: 700; font-variant-numeric: tabular-nums; }
.kpi { font-family: var(--font-sans); font-size: 30px; line-height: 38px; font-weight: 700; font-variant-numeric: tabular-nums; }