/* ===== CSS Variables - Ek jagah sab colors, spacing ===== */
:root {
    /* Colors */
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --dark: #0f172a;
    --dark-secondary: #1e293b;
    --success: #059669;
    --success-light: #e6f7e6;
    --danger: #dc2626;
    --danger-light: #fef2f2;
    --info: #2563eb;
    --info-light: #f1f5f9;
    --gray-100: #f3f4f6;
    --gray-200: #f1f5f9;
    --gray-300: #e2e8f0;
    --gray-400: #cbd5e1;
    --gray-500: #94a3b8;
    --gray-600: #5b6778;
    --gray-700: #475569;
    --white: #ffffff;
    
    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 20px;
    --space-xxl: 24px;
    
    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --radius-xxl: 20px;
    --radius-full: 30px;
    
    /* Shadows */
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.02);
    --shadow-md: 0 15px 30px rgba(0, 0, 0, 0.03);
    
    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-md: 13px;
    --font-size-lg: 14px;
    --font-size-xl: 16px;
    --font-size-xxl: 22px;

     /* Career specific */
    --career-gradient: linear-gradient(135deg, #667eea, #764ba2);
    
    /* Add if missing */
    --primary-light: #3b82f6;
    --primary-dark: #1d4ed8;
}