:root {
    --color-bg: #ffffff;
    --color-text: #111111;
    --color-surface-dark: #2f2f2f;
    --color-surface-dark-hover: #111111;
    --color-border: #4a4a4a;
    --color-dropdown-bg: #f9f9f9;
    --color-dropdown-text: #000000;
    --color-dropdown-hover: #f1f1f1;
    --color-footer-text: #ffffff;
  
    --font-family-base: Arial, sans-serif;
    --font-size-base: 1rem;
    --font-size-body: 1.1rem;
    --font-size-heading-xl: 2.2rem;
  
    --space-xs: 0.75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
  
    --radius-md: 0.75rem;
  
    --navbar-height: 4.5rem;
    --logo-size: 2.5rem;
    --dropdown-min-width: 13.75rem;
    --content-max-width: 68.75rem;
    --content-image-width: 18.75rem;
    --content-image-width-mobile: 13.75rem;
  
    --shadow-dropdown: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
    --transition-standard: 0.4s ease;
  }