html { overflow-x: hidden; }

/* Light mode (default) */
:root {
  --color-bg: #FAF8F4;
  --color-surface: #FFFFFF;
  --color-surface-2: #F4F1EC;
  --color-surface-3: #ECE7DE;
  --color-border: #E8E3DC;
  --color-border-strong: #D4CDC2;
  --color-text: #0F1115;
  --color-text-muted: #6B6660;
  --color-text-subtle: #9B958C;
  --color-text-inverse: #FAF8F4;
  --color-primary: #1A1F2E;
  --color-primary-hover: #2A2F3E;
  --color-primary-text: #FAF8F4;
  --color-accent: #C8682E;
  --color-accent-hover: #A85820;
  --color-accent-soft: #F4E4D6;
  --color-accent-text: #FFFFFF;
  --color-success: #5C8A6B;
  --color-success-soft: #E2EDE5;
  --color-warning: #C88A2C;
  --color-warning-soft: #F5EBD8;
  --color-error: #A8453E;
  --color-error-soft: #F2DCD9;
  --brand-milwaukee: #D7261D;
  --brand-dewalt: #FEBE10;
  --brand-makita: #00A6A6;
  --brand-bosch: #00A859;
  --brand-ryobi: #84BD00;
  --brand-hilti: #C8102E;
  --brand-festool: #56C271;
  --brand-generic: #6B6660;
  --color-focus: #1A1F2E;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px;
  --radius-xs: 4px; --radius-sm: 6px; --radius-md: 10px;
  --radius-lg: 14px; --radius-xl: 20px; --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(15,17,21,0.04);
  --shadow-md: 0 1px 2px rgba(15,17,21,0.04), 0 4px 12px rgba(15,17,21,0.04);
  --shadow-lg: 0 4px 8px rgba(15,17,21,0.06), 0 16px 32px rgba(15,17,21,0.08);
  --shadow-focus: 0 0 0 3px rgba(26,31,46,0.15);
}

/* Dark mode */
[data-theme="dark"] {
  --color-bg: #0F1115;
  --color-surface: #1A1D24;
  --color-surface-2: #252830;
  --color-surface-3: #30343D;
  --color-border: #363942;
  --color-border-strong: #484C56;
  --color-text: #F4F1EC;
  --color-text-muted: #9B958C;
  --color-text-subtle: #6B6660;
  --color-text-inverse: #0F1115;
  --color-primary: #F4F1EC;
  --color-primary-hover: #FFFFFF;
  --color-primary-text: #0F1115;
  --color-accent: #E08A50;
  --color-accent-hover: #F09A60;
  --color-accent-soft: #3A2A20;
  --color-accent-text: #0F1115;
  --color-success: #7CAC8B;
  --color-success-soft: #2A3E30;
  --color-warning: #E8B45C;
  --color-warning-soft: #3E3220;
  --color-error: #C8675F;
  --color-error-soft: #3E2825;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 1px 2px rgba(0,0,0,0.4), 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.4), 0 16px 32px rgba(0,0,0,0.6);
}