:root {
    /* Font */
    --font-primary: 'Poppins', sans-serif;
    
    /* Colors */
    --background-light: #ffffff;
    --background-gray: #f5f5f5;
    --text-light: #333333;
    --text-gray: #666666;
    --eastern-blue: #0097d4;
    --eastern-blue-dark: #0077a8;
    --eastern-blue-light: #33b1e0;
    --eastern-blue-transparent: rgba(0, 151, 212, 0.1);
    
    /* Gradients */
    --gradient-dark: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6));
    --gradient-blue: linear-gradient(135deg, var(--eastern-blue) 0%, var(--eastern-blue-dark) 100%);
    --gradient-transparent: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 15px 30px rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --transition-fast: all 0.3s ease;
    --transition-medium: all 0.5s ease;
    --transition-slow: all 0.7s ease;
}

/* Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');