/*========== Varibles Start ==========*/
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --font-01: "Syne", sans-serif;
    --font-02: "Inter", sans-serif;
    --font-03: "Familjen Grotesk", sans-serif;
    --font-04: "Schibsted Grotesk", sans-serif; 


    --weight-100: 100;
    --weight-200: 200;
    --weight-300: 300;
    --weight-400: 400;
    --weight-500: 500;
    --weight-600: 600;
    --weight-700: 700;
    --weight-800: 800;
    --weight-900: 900;

    --capital: capitalize;
    --lower: lowercase;
    --upper: uppercase;

    --unset: unset;
    --none: none;
}

/*========== Varibles End ==========*/