:root {
  --font-primary: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --color-brand: #d81b60;
  --color-brand-dark: #ad1457;
  --color-accent: #ff4081;
  --color-white: #ffffff;
  --color-black: #111111;
  --color-text: #333333;
  --color-text-light: #777777;
  --color-bg: #ffffff;
  --color-bg-alt: #f9f9f9;
  --color-border: #e5e5e5;
  --header-height: 80px;
  --header-bg: #ffffff;
  --header-shadow: 0 2px 10px rgba(0,0,0,0.06);
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 992px;
  --bp-xl: 1200px;
}