:root {
    /* Responsive font sizes */
    --font-size-xs: clamp(0.8rem, 2vw, 1rem);
    --font-size-sm: clamp(0.9rem, 2.2vw, 1.1rem);
    --font-size-base: clamp(1rem, 2.5vw, 1.2rem);
    --font-size-lg: clamp(1.1rem, 3vw, 1.4rem);
    --font-size-xl: clamp(1.2rem, 3.5vw, 1.6rem);
    
    /* Headings */
    --font-size-h1: clamp(2rem, 6vw, 4rem);
    --font-size-h2: clamp(1.5rem, 4vw, 2.5rem);
    --font-size-h3: clamp(1.2rem, 3vw, 1.8rem);
    --font-size-h4: clamp(1.1rem, 2.8vw, 1.5rem);
    
    /* Breakpoints for media queries */
    --mobile: 768px;
    --tablet: 1024px;
    --desktop: 1200px;
}