:root {
  /* ---- Surfaces ---- */
  --bg-0: #0a0d12;        /* page background */
  --bg-1: #0e1319;        /* section background */
  --surface-1: #121821;   /* card */
  --surface-2: #171f2a;   /* elevated card / hover */
  --surface-3: #1d2734;   /* input fields */
  --border-1: #232d3a;
  --border-2: #2c3947;
  --border-strong: #3a4a5c;

  /* ---- Text ---- */
  --text-0: #f2f5f8;
  --text-1: #cbd5e0;
  --text-2: #90a0b2;
  --text-3: #64758a;

  /* ---- Brand accent (industrial amber) ---- */
  --accent: #e2a63b;
  --accent-strong: #f0b954;
  --accent-dim: #8a6a2c;
  --accent-bg: rgba(226, 166, 59, 0.12);
  --accent-border: rgba(226, 166, 59, 0.4);

  /* ---- Status colors (warehouse positions / booking / quotation states) ---- */
  --status-available: #2fbf78;
  --status-available-bg: rgba(47, 191, 120, 0.14);
  --status-selected: #e2a63b;
  --status-selected-bg: rgba(226, 166, 59, 0.22);
  --status-reserved: #5f93c9;
  --status-reserved-bg: rgba(95, 147, 201, 0.16);
  --status-occupied: #d9544a;
  --status-occupied-bg: rgba(217, 84, 74, 0.14);
  --status-blocked: #5b6675;
  --status-blocked-bg: rgba(91, 102, 117, 0.18);
  --status-maintenance: #9b6bd6;
  --status-maintenance-bg: rgba(155, 107, 214, 0.16);

  --success: #2fbf78;
  --warning: #e2a63b;
  --danger: #e0564c;
  --info: #5f93c9;

  /* ---- Typography ---- */
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* ---- Spacing scale ---- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

  /* ---- Radii (deliberately restrained - not a rounded SaaS look) ---- */
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 8px;

  --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.28);
  --shadow-elevated: 0 4px 12px rgba(0,0,0,0.5), 0 20px 48px rgba(0,0,0,0.4);
  --shadow-accent-glow: 0 0 0 3px var(--accent-bg), 0 0 16px rgba(226,166,59,0.25);

  --container-max: 1280px;
  --header-h: 72px;
}