/* ===== CSS Variables - Ek jagah sab colors, spacing ===== */
:root {
    /* Colors */
    --primary: #2f74da;
    --primary-dark: #225ab2;
    --accent: #f28c28;
    --accent-light: #fff1e2;
    --dark: #23262b;
    --dark-secondary: #17191d;
    --success: #16a34a;
    --success-light: #e6f7e6;
    --danger: #dc2626;
    --danger-light: #fef2f2;
    --info: #2f74da;
    --info-light: #eef5ff;
    --gray-100: #eef1f5;
    --gray-200: #f6f8fb;
    --gray-300: #dce3eb;
    --gray-400: #c8d1dd;
    --gray-500: #97a4b8;
    --gray-600: #5f6b7f;
    --gray-700: #4c5768;
    --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 6px 16px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 18px 34px rgba(15, 23, 42, 0.08);
    
    /* 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, #2f74da, #f28c28);
    
    /* Add if missing */
    --primary-light: #5f93ea;
    --primary-dark: #225ab2;
    --page-bg: #eef1f5;
    --page-text: #4c5768;
    --page-surface: #ffffff;
    --page-surface-soft: #f7faff;
    --page-border: #dce3eb;
    --page-muted: #8a97ab;
}

:root[data-theme="dark"] {
    --page-bg: #0b1220;
    --page-text: #dbe5f3;
    --page-surface: #111827;
    --page-surface-soft: #172033;
    --page-border: rgba(148, 163, 184, 0.18);
    --page-muted: #94a3b8;
}