:root {
  --orange: #ff751f;
  --orange-hover: #e8620f;
  --orange-50: #fff1e8;
  --ink: #010000;
  --ink-900: #1c1c1c;
  --grey-700: #4a4a4a;
  --grey-500: #8a8a8a;
  --grey-300: #d6d6d6;
  --grey-100: #efefef;
  --white: #ffffff;
  --on-dark-muted: #bdbdbd;
  --stock-ok-bg: #d8f0dc;
  --stock-ok-ink: #0d5b22;
  --stock-low-bg: #ffe6b3;
  --stock-low-ink: #6b4300;
  --stock-order-bg: #e3e6ee;
  --stock-order-ink: #2c3a57;
  --danger: #b3261e;
  --success: #0d5b22;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(1,0,0,0.08);
  --shadow-raised: 0 8px 24px rgba(1,0,0,0.16);
  --container-max: 1200px;
  --header-height: 72px;
  --tap-min: 48px;
  --font-display: "Archivo Black", "Arial Black", system-ui, sans-serif;
  --font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
}
html,body{margin:0;background:#efefef}