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

:root {
    --primary-color: #4361ee;
    --secondary-color: #3a0ca3;
    --accent-color: #d72fea;
    --light-color: #f8f9fa;
    --body-color: #FBFEFD;
    --dark-color: #212529;
    --shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.15);
    --transition: all 0.3s ease;
    --card-border-radius: 10px;
    --button-border-radius: 8px;
    --gradient: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
    --header-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    --hero-gradient: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
    --animated-wave-gradient: linear-gradient(to bottom, transparent 50%, rgba(255, 255, 255, 0.15) 100%);
    --testimonials-gradient: linear-gradient(135deg, #465fcf 0%, #3802b8 100%);
    --whatsapp-color: #25D366;
    --email-color: #EA4335;
    --nav-color: rgba(67, 97, 238, 0.1);
    --subject-card-color: linear-gradient(135deg, #dfe0e15d 0%, #cdcdcd6a 100%);
    --success-color: #2ecc71;
    --error-color: #e74c3c;
    --warning-color: #f39c12;

    /* Typography Variables */
    --body-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --heading-font: 'Montserrat', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --heading-line-height: 1.3;
    --body-line-height: 1.7;
    --heading-letter-spacing: 0.015em;
    --body-letter-spacing: 0.01em;
}