@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


:root { 
--body-font-family: Poppins; 
--body-font-size: 13px; 
--body-font-weight: 400; 
--body-line-height: 1.475; 

--primary: #000000; 
--primary-rgb: 0,0,0; 
--primary-10: rgba(var(--primary-rgb), 0.1); 

--secondary: #FBBB29; 
--secondary-rgb: 251,187,41; 
--secondary-10: rgba(var(--secondary-rgb), 0.1); 

--body-color: #000000; 
--border-color: #D9D9D9; 
--btn-color: #FFFFFF; 
--btn-bg-color: #000000; 

--light: #F2F2F2;
--gray: #959595;

--success: #198754;
--info: #0DCAF0;
--warning: #ffC107;
--danger: #DC3545;


--fields-height: 36px; 
--scroll-hide: 15px; 
--navbar-height: 68px; 
--aside-width: 235px; 
--aside-width-collapsed: 58px; 
--aside-transition: all 0.5s ease; 

--twc: #fbbb29; 

--event-new: #0c74e3; 
--event-used: #5737a5; 
--event-lite: #d5b341; 
--event-aftersales: #2ccecb; 
--event-motability: #1b3f8e;
--event-incentive: #10acf2;

--theme-gradient: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ), linear-gradient( 135deg, #f5f9f8 0%, #f5f9f8 25%, #f4fafa 25%, #f4fafa 50%, #f1faf9 50%, #f1faf9 100% );
--theme-gradient-2: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(245, 249, 248, 1) 100% ), linear-gradient( 135deg, #f5f9f8 0%, #f5f9f8 25%, #f4fafa 25%, #f4fafa 50%, #f5f9f8 50%, #f5f9f8 100% );
}