:root {
  /* Primary */
  --lobster-red: #E74C3C;
  --dark-warehouse: #2C3E50;
  --light-concrete: #ECF0F1;

  /* Department accents */
  --lab-blue: #3498DB;
  --assembly-yellow: #F39C12;
  --quality-green: #27AE60;
  --marketing-purple: #9B59B6;
  --automation-orange: #E67E22;
  --night-lavender: #A29BFE;
  --slm-tech: #00B4D8;

  /* UI */
  --text-primary: #ECF0F1;
  --text-muted: #BDC3C7;
  --text-dark: #2C3E50;
  --bg-page: #1a252f;
  --bg-elevated: #243342;
  --bg-card: #2c3e50;
  --border-subtle: rgba(236, 240, 241, 0.12);

  /* Typography */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.35);
  --focus-ring: 0 0 0 3px rgba(231, 76, 60, 0.45);

  --container-pad: 1.25rem;
  --container-max: 1120px;
  --header-h: 64px;

  /* Blink-style dark surfaces + 8px rhythm */
  --bg-void: #0a0a0a;
  --bg-surface: #111111;
  --border-hairline: #1f1f1f;
  --text-secondary-gray: #888888;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 120px;

  /* Hero spotlight (updated by js/hero-spotlight.js) */
  --mouse-x: 50%;
  --mouse-y: 50%;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}