:root{ 
  /* ====== LOGINMAIN STATICS  ===== */
--loginMain-white-1: #ffffff; 










--primary-a5b4: #a5b4fc;            /* Primary light */
--primary-6c37: #6c37c3;            /* Primary dark purple */
--primary-4338: #4338ca;            /* Primary darker */
--color-background: #f8fafc;
--sidemenu-box-shadow: rgba(0, 0, 0, 0.15);
--white-2: rgba(255, 255, 255, 0.2);
--white-3: rgba(255, 255, 255, 0.3);
--white-5: rgba(255, 255, 255, 0.5);

--primary-99-2: rgba(99, 102, 241, 0.2);
--sideMenu-active-item-gradient-color: rgba(99, 102, 241, 0.15);
--primary-99-3: rgba(99, 102, 241, 0.3);
--neutral-cbd5: #cbd5e1;
--neutral-94a3: #94a3b8;
--primary-99-08: rgba(99, 102, 241, 0.08);
--popup-overlay-bg: rgba(0, 0, 0, 0.75);
--popup-bg: #ffffff;


--popup-footer-bg: #f3f4f6;
--popup-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
--popup-close-btn-hover: rgba(255, 255, 255, 0.2);
--popup-save-btn-bg: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
--popup-save-btn-hover: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%);

/* ===== POPUP-LINK-MODE ===== */


--border-radius-lg: 12px;

/* ===== SIDE MENU COLORS ===== */

/* ===== NEUTRAL COLORS ===== */
--neutral-333: #333;
--neutral-666: #666;
--neutral-1a1a: #1a1a1a;
--neutral-3741: #374151;
--neutral-4b55: #4b5563;
--neutral-6474: #64748b;
--neutral-b91c: #b91c1c;
--neutral-28a7: #28a745;
--neutral-0f17: #0f172a;
--neutral-f871: #f87171;
--neutral-0052: #0052cc;
--neutral-dc26: #DC2626;
--neutral-6b72: #6b7280;
--neutral-0066: #0066ff;
--neutral-7c3a: #7c3aed;
--neutral-e0e7: #e0e7ff;
--neutral-ec48: #ec4899;
--neutral-e5e7: #e5e7eb;

--neutral-6e34: #6E34FF;
--neutral-ef44: #ef4444;
--neutral-dc35: #dc3545;
--neutral-f1f1: #f1f1fa;
--neutral-f3f4: #f3f4f6;
--neutral-888: #888;
--neutral-f9fa: #f9fafb;
--neutral-60a5: #60A5FA;
--neutral-3b82: #3b82f6;
--neutral-3182: #3182ce;
--neutral-0000: #0000;
--neutral-000: #000;
--dropdown-item-span-color: #334155;
--neutral-f9f5: #f9fafb;
--neutral-eaec: #eaecef;
--searchResults-bg-color: #e1e8ed;
--neutral-fee2: #FEE2E2;

/* ===== SPECIAL COLORS ===== */
--color-1f2937: #1f2937;            /* Error popup title */
            /* User name */
--color-3730a3: #3730a3;            /* Input text */
--color-b3b3e6: #b3b3e6;            /* Dropdown icon */
--color-e11d48: #e11d48;            /* Logout button */
--color-fff: #fff;                  /* Dropdown background */
--color-ffffff: #ffffff;            /* Tooltip background */
       /* Tabs header */
--user-info-color: #f8f9fb;               /* User info background */

/* ===== GOLD COLORS ===== */
--gold-ffd7: #FFD700;
--gradient-gold: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
--gradient-gold-hover: linear-gradient(135deg, #FFA500 0%, #FF8C00 100%);
--tabs-background-color: #f4f4fa;
/* ===== TRANSPARENCY EFFECTS ===== */
/* Black Transparencies */
--black-03: rgba(0, 0, 0, 0.03);
--black-04: rgba(0, 0, 0, 0.04);

--shadow-black-12: rgba(0, 0, 0, 0.12);
--indigo-99-1: rgba(99, 102, 241, 0.1);
--indigo-99-4: rgba(99, 102, 241, 0.4);
--indigo-99-08: rgba(99, 102, 241, 0.08);
--indigo-79-08: rgba(79, 70, 229, 0.08);
--primary-indigo-5: rgba(99, 102, 241, 0.5);
--primary-8b5c: #8b5cf6;
--neutral-7c3a: #7c3aed;
--menu-toogle-btn-color: linear-gradient(135deg, var(--primary-8b5c), var(--neutral-7c3a)); 
/* Purple Transparencies */
--purple-67-1: rgba(67, 24, 255, 0.1);
--purple-139-1: rgba(139, 92, 246, 0.1);
--purple-55-1: rgba(108, 55, 195, 0.1);
--purple-139-2: rgba(139, 92, 246, 0.2);
--purple-139-3: rgba(139, 92, 246, 0.3);
--purple-159-1: rgba(159, 122, 234, 0.1);
--purple-gradient-start: rgba(108, 55, 195, 0.2);
--purple-text-shadow: rgba(108, 55, 195, 0.1);
--purple-shadow-old: rgba(80, 60, 180, 0.18);
--purple-shadow-old-light: rgba(80, 60, 180, 0.08);

/* Blue Transparencies */
--blue-255-2: rgba(0, 102, 255, 0.2);
--blue-59-1: rgba(59, 130, 246, 0.1);
--blue-59-03: rgba(59, 130, 246, 0.03);
--blue-59-2: rgba(59, 130, 246, 0.2);
--blue-59-05: rgba(59, 130, 246, 0.05);
--blue-59-3: rgba(59, 130, 246, 0.3);
--blue-59-15: rgba(59, 130, 246, 0.15);
--blue-glow-2: rgba(96, 165, 250, 0.2);
--blue-glow-4: rgba(96, 165, 250, 0.4);
--blue-glow-6: rgba(96, 165, 250, 0.6);
--dark-blue-60: rgba(60, 60, 130, 0.10);

/* Other Color Transparencies */
--gold-2: rgba(255, 215, 0, 0.2);
--gold-3: rgba(255, 215, 0, 0.3);
--gold-5: rgba(255, 215, 0, 0.5);
--neutral-ffd7-old: rgba(255, 215, 0, 0.5);
--red-220-1: rgba(220, 53, 69, 0.1);
--red-239-2: rgba(239, 68, 68, 0.2);
--green-40-1: rgba(40, 167, 69, 0.1);
--green-185-1: rgba(16, 185, 129, 0.1);
--green-76-4: rgba(76, 175, 80, 0.4);
--green-76-0: rgba(76, 175, 80, 0);
--dark-36-55: rgba(36, 33, 60, 0.55);
--gray-soft: rgba(148, 163, 184, 0.1);
--overlay-dark: rgba(17, 24, 39, 0.6);



/* ===== GRADIENTS ===== */
--gradient-primary-hover: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
--gradient-modal: linear-gradient(135deg, rgb(67, 56, 202) 0%, rgb(99, 102, 241) 100%);
--gradient-text-purple: linear-gradient(135deg, rgb(108, 55, 195) 0%, rgb(139, 92, 246) 100%);
--gradient-modal-purple: linear-gradient(135deg, rgb(67, 56, 202) 0%, rgb(99, 102, 241) 100%);
/* ===== SYSTEM VARIABLES ===== */
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
--border-radius-sm: 6px;
--border-radius-md: 8px;
--border-radius-lg: 12px;
--box-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
--box-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
--box-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);
--transition-fast: all 0.2s ease;
--transition-normal: all 0.3s ease;
--hover-transition: all 0.3s ease;

/* ===== LEGACY VARIABLES (Backward Compatibility) ===== */
--primary-color: #4318FF;

--text-color: #2c3e50;
--light-bg: #f8f9fa;
--card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
--border-cbd5e1: #CBD5E1;
--neutral-ffd7-legacy: #ffd70044;


--white-15: rgba(255, 255, 255, 0.15); /* modalların close buttonlarında bulunuyor*/
--white-1: rgba(255, 255, 255, 0.1); /* modalların close buttonlarında bulunuyor*/
--gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%); /* import-cv-btn için arka plan*/
--shadow-black-1: rgba(93, 164, 11, 0.1); /* shadow color*/
--primary-79-1: rgba(79, 70, 229, 0.1); /* önemsiz*/
--shadow-black-05: rgba(0, 0, 0, 0.05); /* shadow color*/




--primary-6366: #6366f1; /* gradient için renklerden biri ÖNEMLİ*/
--primary-8b5c: #8b5cf6; /* gradient için renklerden biri ÖNEMLİ*/
--primary-4f46: #4f46e5; /* yazı fontu redeem element showSubscriptionModal da var */


}