/* CSS Variables - Single source of truth for design tokens */
:root {
    --color-primary: #000000;
    --color-secondary: #ffffff;
    --color-hover: #333333;
    --color-active: #1a1a1a;
    --color-border: #404040;
    
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    
    --navbar-height: 60px;
    --border-radius: 8px;
    
    --transition-speed: 0.3s;
}