:root {
    /* Colors */
    --color-bg: #000000;
    --color-bg-container: rgba(20, 20, 20, 0.8);
    --color-text-primary: #ffffff;
    --color-text-secondary: #a78bfa;
    
    /* Brand Colors */
    --color-primary: #8b5cf6;
    --color-secondary: #ec4899;
    --color-github: #5865f2;
    --color-telegram: #229be6;
    
    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    
    /* Border Radius */
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-full: 50%;
    
    /* Shadows */
    --shadow-primary: 0 0 40px rgba(139, 92, 246, 0.2);
    --shadow-hover: 0 10px 25px rgba(139, 92, 246, 0.4);
    
    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-medium: 0.6s ease;
    --transition-slow: 1s ease;
    
    /* Sizes */
    --avatar-size-desktop: 150px;
    --avatar-size-tablet: 120px;
    --avatar-size-mobile: 100px;
    
    --container-max-width: 450px;
    --container-padding: 50px 40px;
}