:root
{
	/* TYPOGRAPHY */
	--font-body: "Inter", serif;
	--font-size: 16px;
	
	/* TEXT SIZE - EM */
	--text-xxxs-em: 0.5em;
	--text-xxs-em: 0.75em;
	--text-xs-em: 1em;
	--text-s-em: 1.25em;
	--text-m-em: 1.5em;
	--text-l-em: 1.75em;
	--text-xl-em: 2em;
	--text-xxl-em: 2.25em;
	--text-xxxl-em: 2.5em;

	/* TEXT SIZE - REM */
	--text-xxxs-rem: 0.5rem;
	--text-xxs-rem: 0.75rem;
	--text-xs-rem: 1rem;
	--text-s-rem: 1.25rem;
	--text-m-rem: 1.5rem;
	--text-l-rem: 1.75rem;
	--text-xl-rem: 2rem;
	--text-xxl-rem: 2.25rem;
	--text-xxxl-rem: 2.5rem;

	/* TEXT SIZE - PT */
	--text-xxxs-pt: 9pt;
	--text-xxs-pt: 10pt;
	--text-xs-pt: 11pt;
	--text-s-pt: 12pt;
	--text-m-pt: 16pt;
	--text-l-pt: 24pt;
	--text-xl-pt: 32pt;
	--text-xxl-pt: 48pt;
	--text-xxxl-pt: 64pt;

	/* SPACING - PX */
	--spacing-xxxs-px: 4px;
	--spacing-xxs-px: 8px;
	--spacing-xs-px: 16px;
	--spacing-s-px: 32px;
	--spacing-m-px: 64px;
	--spacing-l-px: 128px;
	--spacing-xl-px: 192px;
	--spacing-xxl-px: 256px;
	--spacing-xxxl-px: 350px;

	/* SPACING - EM */
	--spacing-xxxs-em: 0.25em;
	--spacing-xxs-em: 0.5em;
	--spacing-xs-em: 1em;
	--spacing-s-em: 2em;
	--spacing-m-em: 4em;
	--spacing-l-em: 8em;
	--spacing-xl-em: 16em;
	--spacing-xxl-em: 24em;
	--spacing-xxxl-em: 32em;

	/* SPACING - REM */
	--spacing-xxxs-rem: 0.25rem;
	--spacing-xxs-rem: 0.5rem;
	--spacing-xs-rem: 1rem;
	--spacing-s-rem: 2rem;
	--spacing-m-rem: 4rem;
	--spacing-l-rem: 8rem;
	--spacing-xl-rem: 16rem;
	--spacing-xxl-rem: 24em;
	--spacing-xxxl-rem: 32rem;

	/* SPACING - % */
	--spacing-xxxs-pct: 10%;
	--spacing-xxs-pct: 20%;
	--spacing-xs-pct: 30%;
	--spacing-s-pct: 40%;
	--spacing-m-pct: 50%;
	--spacing-l-pct: 60%;
	--spacing-xl-pct: 70%;
	--spacing-xxl-pct: 80%;
	--spacing-xxxl-pct: 90%;

	/* SPACING - VW */
	--spacing-xxxs-vw: 10lvw;
	--spacing-xxs-vw: 20lvw;
	--spacing-xs-vw: 30lvw;
	--spacing-s-vw: 40lvw;
	--spacing-m-vw: 50lvw;
	--spacing-l-vw: 60lvw;
	--spacing-xl-vw: 70lvw;
	--spacing-xxl-vw: 80lvw;
	--spacing-xxxl-vw: 90lvw;

	/* SPACING - VH */
	--spacing-xxxs-vh: 10lvh;
	--spacing-xxs-vh: 20lvh;
	--spacing-xs-vh: 30lvh;
	--spacing-s-vh: 40lvh;
	--spacing-m-vh: 50lvh;
	--spacing-l-vh: 60lvh;
	--spacing-xl-vh: 70lvh;
	--spacing-xxl-vh: 80lvh;
	--spacing-xxxl-vh: 90lvh;

	/* SPACING - EM RESPONSIVE */
	--spacing-xxxs-em-responsive: min(var(--spacing-xxxs-em), 2%);
	--spacing-xxs-em-responsive: min(var(--spacing-xxs-em), 4%);
	--spacing-xs-em-responsive: min(var(--spacing-xs-em), 6%);
	--spacing-s-em-responsive: min(var(--spacing-s-em), 8%);
	--spacing-m-em-responsive: min(var(--spacing-m-em), 10%);
	--spacing-l-em-responsive: min(var(--spacing-l-em), 12%);
	--spacing-xl-em-responsive: min(var(--spacing-xl-em), 14%);
	--spacing-xxl-em-responsive: min(var(--spacing-xxl-em), 16%);
	--spacing-xxxl-em-responsive: min(var(--spacing-xxxl-em), 18%);


	/* SPACING - REM RESPONSIVE */
	--spacing-xxxs-rem-responsive: min(var(--spacing-xxxs-rem), 2%);
	--spacing-xxs-rem-responsive: min(var(--spacing-xxs-rem), 4%);
	--spacing-xs-rem-responsive: min(var(--spacing-xs-rem), 6%);
	--spacing-s-rem-responsive: min(var(--spacing-s-rem), 8%);
	--spacing-m-rem-responsive: min(var(--spacing-m-rem), 10%);
	--spacing-l-rem-responsive: min(var(--spacing-l-rem), 12%);
	--spacing-xl-rem-responsive: min(var(--spacing-xl-rem), 14%);
	--spacing-xxl-rem-responsive: min(var(--spacing-xxl-rem), 16%);
	--spacing-xxxl-rem-responsive: min(var(--spacing-xxxl-rem), 18%);


	/* --header-height: 120px; */
	--header-height: auto;
}