:root {
  /* Colors */
  --primary-color: #000000;
  --secondary-color: #ffffff;
  --accent-color: rgba(0, 0, 0, 0.5);
  --separator-color: rgba(0, 0, 0, 0.25);
  --decorator-color: var(--primary-color);
  --hover-color: #444444;
  
  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  
  /* Border radius */
  --border-radius-sm: 4px;
  --border-radius-md: 12px;
  
  /* Transitions */
  --transition-speed: 0.3s;
  
  /* Fonts */
  --h1-font-family: HelveticaNeue-Bold, sans-serif;
  --h1-font-size: 34px;
  --h1-line-height: 40px;
  --h1-font-weight: 700;
  --h1-font-style: normal;
  
  --h4-font-family: HelveticaNeue-Bold, sans-serif;
  --h4-font-size: 18px;
  --h4-line-height: 22px;
  --h4-font-weight: 700;
  --h4-font-style: normal;
  
  --p-regular-font-family: HelveticaNeue-Medium, sans-serif;
  --p-regular-font-size: 34px;
  --p-regular-line-height: 38px;
  --p-regular-font-weight: 500;
  --p-regular-font-style: normal;
  
  --p-bold-font-family: HelveticaNeue-Bold, sans-serif;
  --p-bold-font-size: 34px;
  --p-bold-line-height: 38px;
  --p-bold-font-weight: 700;
  --p-bold-font-style: normal;
}