:root {
  /* Colors - Premium Industrial Modern Palette */
  --color-base: #F5F5F3;        /* Alabaster / Off-white */
  --color-surface: #FFFFFF;     /* Pure White */
  --color-surface-dim: #EBEBE9; /* Dimmed Surface */
  --color-text-primary: #1A1A1A;/* Onyx Black */
  --color-text-secondary: #757575; /* Stone Gray */
  --color-accent: #3E2723;      /* Dark Espresso / Timber Dark */
  --color-accent-light: #5D4037;
  
  /* Typography */
  --font-heading: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 8rem;
  --spacing-xxl: 12rem;
  
  /* Container Widths */
  --container-max: 1440px;
  --container-padding: 5vw;
  
  /* Grid */
  --grid-gap: 2rem;
  
  /* Borders & Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --border-subtle: 1px solid rgba(26, 26, 26, 0.1);
  
  /* Z-Index */
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
  
  /* Transitions */
  --transition-fast: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0.01s linear;
    --transition-slow: 0.01s linear;
  }
}