:root {

     --font-letter-spacing : 1px;
     --font-style : italic;
     --font-size : 27px;




     /* ===== FONTS ===== */
     --loginMain-border-color: #e2e8f0; /*border color (popups, searchresult, etc) SADECE KÖŞE*/
     /* ===== TOP-HEADER ===== */
     --top-header-gradient-header-1: linear-gradient(to right, #1a1c2e, #2d2b55);
     --top-header-brandname-color-white-1: #ffffff;
     --settings-btn-hover-color: #9f7aea;
     --username-dropdown-name-color: #23233a;
     --color-searchResult-item-hover: #f1f5f9;
     --settings-btn-icon-color: white;
     --searchMenu-icon-color: #64748b;
     --searchResults-bg-color:#e1e8ed;
     
     --font-style : italic;
     --font-weight : 600;
     /* ===== MENU BUTTON ===== */
     --primary-8b5c: #8b5cf6;
     --neutral-7c3a: #7c3aed;
     --menu-toogle-btn-color: linear-gradient(135deg, var(--primary-8b5c), var(--neutral-7c3a)); 
     --menu-toogle-btn-hover : linear-gradient(135deg, var(--neutral-7c3a), var(--primary-8b5c));

     /* ===== USER-INFO-DROPDOWN ===== */
     --user-info-color: #f8f9fb;
     --user-info-dropdown-action-color: #fff;
     --user-dropdown-hover-color : #f8fafc;

     /* ===== SIDE-MENU ===== */
     --sideMenuHeader-gradient-color: #1e1b4b; 
     --sideMenuHeader-gradient-color-2: #312e81;
     --sideMenu-active-item-gradient-color: rgba(99, 102, 241, 0.15);
     --sideMenuHeader-brandName-color: #ffffff;
     --sideMenuContent-background-color: #ffffff;
     --sideMenu-item-text-color: #64748b;
     --sideMenu-active-item-textColor: #1e293b;
     --sideMenu-close-btn-color: #ffffff1a;
     --sideMenu-close-btn-hover-color: rgba(255, 255, 255, 0.2);
     --sideMenu-item-hover-color: #f8fafc;


     /* ===== TABS ===== */
     --primary-4f46: #4f46e5; /* tabs text color*/  
     --tabs-background-color: #f4f4fa;
     --tabs-not-selected-hover-color: #ede9fe;
     --tabs-title-text-color: #6366f1;


     /* ===== PROJECT-ITEM ===== */
     --project-item-background: #ffffff;
     --project-item-muted-color: #666;
     --project-item-icon-color: #888;
     --project-item-name-color: #1a1a1a;


     


     /* ====== APPLICATON-POPUP ===== */

     --popup-link-input-text: #5d56ba;
     --popup-link-icon-glow: rgba(255, 215, 0, 0.2);
     --popup-link-indigo-04: rgba(99, 102, 241, 0.04);
     --popup-link-indigo-06: rgba(99, 102, 241, 0.06);
     --popup-link-indigo-08: rgba(99, 102, 241, 0.08);
     --popup-link-indigo-10: rgba(99, 102, 241, 0.10);
     --popup-link-indigo-13: rgba(99, 102, 241, 0.13);
     --application-popup-close-btn-color: #ffffff1a;
     --application-popup-close-btn-hover:  #ffffff1a;

    
    
     --popup-header-bg: linear-gradient(145deg, #1e1b4b, #312e81);
     --popup-header-text: #ffffff;




     /* ===== EDITOR ===== */


     --editor-folder-panel-bg-color : linear-gradient(to top, #1a1a33, #292952, #31305e);
     --editor-project-title-color : linear-gradient(135deg, #3d3b6a, #2d2f48); 
     --editor-section-active-bg-color :linear-gradient(135deg, #2d2f48, #3d3b6a);
     --editor-section-avaible-bg-color : linear-gradient(100deg, rgba(40, 40, 75, 0.6), rgba(50, 48, 90, 0.6));
     --editor-section-avaible-hover-color : linear-gradient(135deg, #232444, #36355c);
     --editor-apply-section-bg-color : linear-gradient(100deg, rgba(40, 40, 75, 0.6), rgba(50, 48, 90, 0.6));
     --editor-apply-section-hover-color : linear-gradient(135deg, #232444, #36355c);
     --editor-folder-panel-back-button-color : linear-gradient(135deg, #2d2f48, #3d3b6a); 
     --editor-folder-panel-back-button-hover-color : linear-gradient(135deg, #2d2f48, #3d3b6a);
     --editor-language-popup-header-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
     --editor-language-popup-option-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
     --editor-language-popup-option-selected-color : linear-gradient(145deg, #1e1b4b, #312e81);
     --editor-language-popup-dropdown-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
     --editor-language-option-hover-color : linear-gradient(145deg, #1e1b4b, #312e81);
     




     /* ===== CONFIRMATION-MODAL ===== */


     --editor-confirmation-modal-header-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
     --editor-confirmation-modal-icon-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
     --editor-confirmation-modal-icon-color : linear-gradient(145deg, #1e1b4b, #312e81);







     /* ===== MARKETING-VIEW ===== */
     --marketingview-hero-section-bg-color : linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);







     /* ===== COMPANY-SETTINGS ===== */
     --company-settings-sidebar-bg-color : linear-gradient(135deg, #2d2b55 60%, #3b317a 100%);
     --company-settings-container-bg-color : rgba(30,28,60,0.98);
     --company-settings-back-button-color : linear-gradient(135deg, #2d2f48, #3d3b6a);
     --company-settings-back-button-hover-color : linear-gradient(135deg, #353757, #4a4880);


     --company-settings-dropdown-item-color : #374151;
     --company-settings-dropdown-item2-color : #f3f4f6;
     --company-settings-dropdown-item-hover-color : #f3f4f6;
     --company-settings-dropdown-header-bg-color : linear-gradient(135deg, #f5f3ff 60%, #e0e7ff 100%);
     --company-settings-settings-color : white;
     --company-settings-settings-hover-color : rgba(255, 255, 255, 0.2);
     --company-settings-email-invite-btn-color : linear-gradient(135deg, #6366f1 0%, #a5b4fc 100%);
     --company-settings-email-invite-btn-hover-color : linear-gradient(135deg, #5b21b6 0%, #8b5cf6 100%);
     --company-settings-page-subtitle-color : #64748b;
     



     /* ===== ACCOUNT-SETTINGS ===== */
     --account-settings-sidebar-bg-color : linear-gradient(135deg, #2d2b55 60%, #3b317a 100%);
     --account-settings-container-bg-color : rgba(30,28,60,0.98);
     --account-settings-back-button-color : linear-gradient(135deg, #2d2f48, #3d3b6a);
     --account-settings-back-button-hover-color : linear-gradient(135deg, #353757, #4a4880);
     --account-settings-settings-color : white;
     --account-settings-settings-hover-color : rgba(255, 255, 255, 0.2);
     --account-settings-dropdown-item-color : #80e546;
     --account-settings-dropdown-logout-item-color : #ef4444;
     --account-settings-dropdown-logout-item-hover-color : #ef4444;
     --account-settings-dropdown-item2-color : #f5f6f3;
     -account-settings-dropdown-item3-color : #f3fef2;
     




     /* ===== JOBS-LIST ===== */
     
      --content-header-before-color : linear-gradient(90deg, var(--primary-color) 0%, var(--primary-light) 50%, #8b5cf6 100%);
      --jobsList-back-button-color : linear-gradient(135deg, #2d2f48, #3d3b6a);
      --jobsList-back-button-hover-color : linear-gradient(135deg, #353757, #4a4880);
      --jobsList-content-header-color : linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 50%, #8b5cf6 100%);
      --jobsList-content-subtitle-color : #6b7280
      --jobsList-popup-header-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
      --jobsList-jobCard-before-color : linear-gradient(90deg, var(--primary-color) 0%, var(--primary-light) 50%, #8b5cf6 100%);
      --jobsList-sideMenuHeader-gradient-color: #1e1b4b; 
      --jobsList-sideMenuHeader-gradient-color-2: #312e81;
      --jobsList-sideMenu-text-color : #ffffff;
      --jobsList-sideMenu-border-color : #e2e8f0;
      --jobsList-sideMenu-close-bg-color : rgba(255, 255, 255, 0.1);
      --jobsList-sideMenu-close-hover-color : rgba(255, 255, 255, 0.2);
      
      
      /* ===== APPLICANTS-MENU ===== */
      
      --applicantsMenu-back-button-color : linear-gradient(135deg, #2d2f48, #3d3b6a);
      --applicantsMenu-back-button-hover-color : linear-gradient(135deg, #7c3aed, #8b5cf6);
      --applicantsMenu-content-header-color : linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 50%, #8b5cf6 100%);
      --applicantsMenu-content-subtitle-color : #d1d5db;
      --applicantsMenu-popup-header-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
      --applicantsMenu-sideMenuHeader-gradient-color: #1e1b4b; 
      --applicantsMenu-sideMenuHeader-gradient-color-2: #312e81;
      --applicantsMenu-sideMenu-text-color : #ffffff;
      --applicantsMenu-sideMenu-border-color : #e2e8f0;
      --applicantsMenu-sideMenu-close-bg-color : rgba(255, 255, 255, 0.1);
      --applicantsMenu-sideMenu-close-hover-color : rgba(255, 255, 255, 0.2);
      --applicantsMenu-popup-header-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);





     /* ===== COMPARE-LIST ===== */
      --compareList-back-button-color : linear-gradient(135deg, #2d2f48, #3d3b6a);
      --compareList-back-button-hover-color : linear-gradient(135deg, #353757, #4a4880);
      --compareList-content-header-color : linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 50%, #8b5cf6 100%);
      --compareList-content-subtitle-color : #d1d5db;
      --compareList-popup-header-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
      --compareList-sideMenuHeader-gradient-color: #1e1b4b; 
      --compareList-sideMenuHeader-gradient-color-2: #312e81;
      --compareList-sideMenu-text-color : #ffffff;
      --compareList-sideMenu-border-color : #e2e8f0;
      --compareList-sideMenu-close-bg-color : rgba(255, 255, 255, 0.1);
      --compareList-sideMenu-close-hover-color : rgba(255, 255, 255, 0.2);
      --compareList-popup-header-bg-color : linear-gradient(145deg, #1e1b4b, #312e81);
     


     }