@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
}

:root{

    --white-neutral:#fff;
    --black-neutral:#000;






    --font-inter: 'Inter', sans-serif;



    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;



    --inter-thin:var(--font-weight-100); 
    --inter-extra-light:var(--font-weight-200);
    --inter-light:var(--font-weight-300);
    --inter-regular:var(--font-weight-400);
    --inter-medium:var(--font-weight-500);
    --inter-semi-bold:var(--font-weight-600);
    --inter-bold:var(--font-weight-700);
    --inter-extra-bold:var(--font-weight-800);
    --inter-black:var(--font-weight-900);
     

    --header-font:var(--font-inter);
    --header-color:var(--white-neutral)




}