/* Design variables - Professionals Meets Academy */
:root {
    /* Colors */
    --primary: #4F46E5;
    --primary-dark: #4338CA;
    --primary-light: #6366F1;
    --secondary: #1E1B4B;
    --accent: #F59E0B;
    --accent-dark: #D97706;
    --accent-light: #FBBF24;

    --text-dark: #111827;
    --text-gray: #6B7280;
    --text-light: #9CA3AF;
    --text-white: #FFFFFF;

    --bg-white: #FFFFFF;
    --bg-light: #F9FAFB;
    --bg-light-blue: #EEF2FF;
    --bg-dark: #0F172A;

    --border: #E5E7EB;
    --border-light: #F3F4F6;

    --gradient-primary: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 50%, var(--primary-light) 100%);
    --gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
    --gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E1B4B 40%, #4F46E5 100%);

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;

    /* Spacing */
    --container-max: 1200px;
    --section-padding: 100px 0;

    /* Transitions */
    --transition: all 0.3s ease;
    --transition-fast: all 0.15s ease;
}