/* Global CSS Variables - Standardized color scheme for all pages */
:root {
    /* Enhanced Color Scheme for Better Appeal */
    --primary-blue: #1e40af;
    --secondary-blue: #2563eb;
    --light-blue: #3b82f6;
    --accent-blue: #60a5fa;
    --dark-blue: #1e3a8a;
    --bright-cyan: #06b6d4;
    --vibrant-purple: #7c3aed;
    --warm-orange: #f59e0b;
    --success-green: #10b981;
    --success: #10b981;
    --danger-red: #ef4444;
    --danger: #ef4444;
    --warning-yellow: #f59e0b;
    --warning: #f59e0b;
    
    /* Professional Grays */
    --white: #ffffff;
    --dark-gray: #334155;
    --medium-gray: #64748b;
    --light-gray: #f1f5f9;
    --off-white: #f8fafc;
    
    /* Gradient Variables */
    --primary-gradient: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
    --accent-gradient: linear-gradient(135deg, var(--accent-blue), var(--bright-cyan));
    --warm-gradient: linear-gradient(135deg, var(--warm-orange), var(--success-green));
    
    /* Shadow Variables */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --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 rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    
    /* Animation Variables */
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.3s ease-in-out;
    --transition-slow: 0.5s ease-in-out;
    
    /* Border Radius */
    --border-radius: 16px;
    --border-radius-sm: 8px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;
    --border-radius-full: 50%;
}

/* Ensure consistent font family across all pages */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: var(--dark-gray);
    background-color: var(--off-white);
    overflow-x: hidden;
}