:root {
  --bg: #f4f6fa;
  --card: #fff;
  --text: #111827;
  --muted: #4b5565;
  --line: #cbd5e1;
  --primary: #155eef;
  --primary-strong: #0b48c9;
  --primary-soft: #e6efff;
  --danger: #b42318;
  --danger-soft: #fee4e2;
  --ok: #087443;
  --ok-soft: #dcfae6;
  --warning: #92400e;
  --warning-soft: #fef3c7;
  --stock-low: #b45309;
  --stock-empty: #b42318;
  --material-label: #047857;
  --product-label: #155eef;
  --focus: #f59e0b;
  --nav-bg: #0f172a;
  --nav-line: #334155;
  --nav-text: #f8fafc;
  --nav-muted: #cbd5e1;
  --input-bg: #fff;
  --input-text: #111827;
  --row-stripe: #f8fafc;
  --row-detail: #eef4ff;
  --alert-error-bg: var(--danger-soft);
  --alert-ok-bg: var(--ok-soft);
  --touch-target: 56px;
  --control-large: 64px;
  --control-compact: 48px;
  --choice-mark-size: 1.5rem;
  --radius: 1rem;
  --shadow-soft: 0 1px 4px #0000000d;
}