/* WarehouseCalc Premium — design tokens (direction A, "Ledger"). Documented in docs/04-design-system-and-decisions.md. */
@font-face {
  font-family: 'Inter var';
  src: url('../vendor/fonts/inter-latin-wght-normal.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
:root {
  /* Ink (text) */
  --ink-900: #0f1b2d; --ink-700: #34425a; --ink-500: #5a6a80; --ink-400: #7f8ca0; --ink-inv: #ffffff;
  /* Surfaces */
  --canvas: #f4f6f9; --panel: #ffffff; --sunken: #eef2f6; --hover: #f6f9fb;
  --line: #e2e7ee; --line-strong: #c9d2de;
  /* Navigation rail */
  --nav: #0e1a2b; --nav-2: #16263c; --nav-ink: #b8c4d6; --nav-muted: #7d8ba3; --nav-on: #ffffff;
  /* Accent: deep teal, the only action colour */
  --accent: #0d7480; --accent-hover: #0a5f69; --accent-ink: #ffffff; --accent-tint: #e2f2f3; --focus: rgba(13, 116, 128, .38);
  /* Movement bands: one sequential ramp, light (moving) to dark (long idle) */
  --b-active: #c6d3e1; --b-slow: #e8d9a8; --b-y1: #f0b46a; --b-y2: #e08b44; --b-y3: #bf5f37; --b-y5: #86372b;
  --b-uncertain: #aab3c0; --b-nostock: #e9edf2;
  --b-ink-dark: #ffffff; --b-ink-light: #1f2a3a;
  /* Status (used sparingly: banners and evidence marks only) */
  --ok: #1d7a4d; --ok-tint: #e6f4ec; --warn: #8a5300; --warn-tint: #fff3dc; --bad: #b42318; --bad-tint: #fdecea; --info: #23549c; --info-tint: #e9f0fa;
  /* Type */
  --font: 'Inter var', Inter, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --t-xs: 12px; --t-sm: 13px; --t-md: 14px; --t-lg: 16px; --t-xl: 20px; --t-2xl: 26px; --t-3xl: 34px;
  /* Space, radius, elevation */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px;
  --shadow-pop: 0 12px 32px rgba(15, 27, 45, .14), 0 2px 6px rgba(15, 27, 45, .06);
}