:root {

	--noir: #000000;
    --blanc: #ffffff;

    --primary: #1A6CE3;
    --secondary: #082A5B;
    --tertiary: #FDB330;
    --textPrimary:#1A6CE3;
    --textSecondary: #082A5B;
    --primaryLight: #DBDCED;

	--transition-all: all 0.4s ease;
	
    --font-size-html:16px;

	--font-family: 'Red Hat Display', sans-serif;
    --font-family-text: 'DM Sans', sans-serif;

    --light:300;
    --normal:400;
    --semi-bold:600;
	--bold:700;
    --extra-bold:800;
	--black:900;


    --rounded: 1.25rem;
    --box-radius: var(--rounded);
    --rounded-l: 2.5rem;
    --header-height: 90px;
	--admin-bar-height:46px;

    --container-width: calc(100% - 30px);

    --fs-s: 0.8rem;
    /* --fs-base: 1.2rem;
    --fs-m: 1.4rem;
    --fs-l: 1.8rem;
    --fs-xl: 3rem;
    --fs-2xl: 4rem; */
    --fs-base: 1rem;
    --fs-m: 1.2rem;
    --fs-l: 1.5rem;
    --fs-xl: 2rem;
    --fs-2xl: 2.1rem;

    --gap-062: 0.62rem;
    --gap-125: 1rem;
    --gap-188: 1.25rem;
    --gap-312: 1.88rem;
    --gap-625: 3.12rem;

	--space-v: calc(var(--gap-312));
	--space-h: calc(var(--gap-312));
}
@media(min-width: 640px) {
    :root {
        --container-width: calc(640px - 60px);
        --fs-xl: 2.8rem;
        --fs-2xl: 3.2rem;
    }
}
@media(min-width: 768px) {
    :root {
        --container-width: calc(768px - 90px);
    }
}

@media(min-width: 783px) {
    :root {
        --admin-bar-height: 32px;
    }
}
@media(min-width:1024px) {
	:root {	

        --header-width: 110px;
		--font-size-html:16px;
        --container-width: calc(1024px - 150px);
        --fs-xl: 3.5rem;
        --fs-2xl: 3.8rem;
	}
}

@media(min-width:1280px) {
	:root {	
        --header-width: 120px;
        --container-width: calc(1280px - 202px);
        --fs-xl: 4.2rem;
        --fs-2xl: 4.5rem;
    }
}
@media(min-width:1536px) {
	:root {

        --font-size-html:16px;
        /* --container-width: 1248px; */
        --container-width: 1368px;

        --fs-s: 1rem;
        --fs-base: 1.125rem;
        --fs-m: 1.25rem;
        --fs-l: 1.875rem;
        --fs-xl: 5rem;
        --fs-2xl: 6.25rem;
        --gap-062: 0.62rem;
        --gap-125: 1.25rem;
        --gap-188: 1.88rem;
        --gap-312: 3.12rem;
        --gap-625: 6.25rem;
	}
}