:root {
  /* Color -- "loading-dock manifest" direction: cargo-strap orange + stamp gold
     on a warm charcoal dock-yard ink, kraft-paper cream text (never stark white) */
  --color-ink: #16191C;
  --color-ink-raised: #1E2226;
  --color-ink-border: #33383D;
  --color-cream: #EDE6D8;
  --color-cream-dim: #9CA3AA;
  --color-orange: #FF6A2B;
  --color-orange-hover: #FF8548;
  --color-gold: #C99A3E;
  --color-success: #4CAF7D;
  --color-danger: #E25555;

  /* Type -- Oswald: tall condensed industrial grotesque, echoes crate/dock
     stencil lettering. IBM Plex Sans: utilitarian, echoes shipping/engineering
     paperwork. IBM Plex Mono: for every dollar figure and hour count, styled
     like a packing-slip printout. */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --font-tabular: 'IBM Plex Mono', 'Courier New', monospace;

  /* Scale */
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);
  --step-3: clamp(2.25rem, 1.85rem + 2vw, 3.5rem);
  --step-4: clamp(2.75rem, 2.1rem + 3.25vw, 4.75rem);

  /* Space */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Radius / shadow */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 20px 60px -20px rgba(0,0,0,0.6);

  --max-width: 1180px;
}