:root {
	
	--container-max-width: 1280;
	
	--container-padding: 2.5vw;
	--container-padding-sm: 3vw;
	--container-padding-md: 4vw;
	--container-padding-lg: 5vw;
	
	--grid-gap: 1.5rem;
	
	--font-size-base: 16;

	--font-size-hero-min: 2.5;
	--font-size-hero-max: 5;
	
	--font-size-h1-min: 2;
	--font-size-h1-max: 4;
	
	--font-size-h2-min: 2;
	--font-size-h2-max: 3;
	
	--font-size-h3-min: 1.5;
	--font-size-h3-max: 2.5;
	
	--font-size-h4-min: 1.25;
	--font-size-h4-max: 2;
	
	--font-size-h5-min: 1.25;
	--font-size-h5-max: 1.5;
	
	--font-size-h6-min: .875;
	--font-size-h6-max: 1;
	
	--font-size-p-min: 1;
	--font-size-p-max: 1.125;
	
	--font-size-lead-min: 1.125;
	--font-size-lead-max: 1.3125;
	
	--font-size-med-min: .75;
	--font-size-med-max: .875;
	
	--font-size-small-min: .75;
	--font-size-small-max: .75;

	--font-size-tiny-min: .5;
	--font-size-tiny-max: .75;

	--font-size-hero: clamp(var(--font-size-hero-min) * 1rem, var(--font-size-hero-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-hero-max) * 1rem);
	--font-size-h1: clamp(var(--font-size-h1-min) * 1rem, var(--font-size-h1-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-h1-max) * 1rem);
	--font-size-h2: clamp(var(--font-size-h2-min) * 1rem, var(--font-size-h2-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-h2-max) * 1rem);
	--font-size-h3: clamp(var(--font-size-h3-min) * 1rem, var(--font-size-h3-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-h3-max) * 1rem);
	--font-size-h4: clamp(var(--font-size-h4-min) * 1rem, var(--font-size-h4-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-h4-max) * 1rem);
	--font-size-h5: clamp(var(--font-size-h5-min) * 1rem, var(--font-size-h5-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-h5-max) * 1rem);
	--font-size-h6: clamp(var(--font-size-h6-min) * 1rem, var(--font-size-h6-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-h6-max) * 1rem);
	--font-size-p: clamp(var(--font-size-p-min) * 1rem, var(--font-size-p-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-p-max) * 1rem);
	--font-size-lead: clamp(var(--font-size-lead-min) * 1rem, var(--font-size-lead-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-lead-max) * 1rem);
	--font-size-med: clamp(var(--font-size-med-min) * 1rem, var(--font-size-med-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-med-max) * 1rem);
	--font-size-small: clamp(var(--font-size-small-min) * 1rem, var(--font-size-small-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-small-max) * 1rem);
	--font-size-tiny: clamp(var(--font-size-tiny-min) * 1rem, var(--font-size-tiny-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-tiny-max) * 1rem);
	
	--font-size-bento-large-min: 4;
	--font-size-bento-large-max: 5;
	--font-size-bento-large: clamp(var(--font-size-bento-large-min) * 1rem, var(--font-size-bento-large-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--font-size-bento-large-max) * 1rem);
	
	--font-size-bento-huge-min: 6;
	--font-size-bento-huge-max: 7.875;
	--font-size-bento-huge: clamp(var(--font-size-bento-huge-min) * 1rem, var(--font-size-bento-huge-max) * var(--font-size-base) / var(--container-max-width) * 90vw, var(--font-size-bento-huge-max) * 1rem);
	
	--font-weight-base: 400;
	--font-weight-med: 600;
	--font-weight-bold: 900;
	--font-weight-headings: 900;
	
	--line-height-base: 1.5;
	--line-height-hero: .95;
	--line-height-headings: 1.25;
	--line-height-input: 1;
	
	--font-family-base: "Axiforma", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-headings: var(--font-family-base);
	
	--color-primary: #ffd300;
	--color-red: #bf0b1c;
	--color-black: #323232;
	--color-white: #fff;
	--color-gold: #A69762;
	--color-upcoming: #989898;
	--color-inactive: #767676;
	
	--unit-1-min: .25;
	--unit-1-max: .25;
	
	--unit-2-min: .5;
	--unit-2-max: .5;
	
	--unit-3-min: 1;
	--unit-3-max: 1;
	
	--unit-4-min: 1;
	--unit-4-max: 1.25;
	
	--unit-5-min: 1.25;
	--unit-5-max: 1.5;
	
	--unit-6-min: 1.5;
	--unit-6-max: 2;
	
	--unit-7-min: 1.75;
	--unit-7-max: 2.5;
	
	--unit-8-min: 2;
	--unit-8-max: 3;
	
	--unit-9-min: 2.5;
	--unit-9-max: 4;
	
	--unit-10-min: 3;
	--unit-10-max: 5;
	
	--unit-11-min: 3.25;
	--unit-11-max: 6;
	
	--unit-12-min: 4;
	--unit-12-max: 7.5;
	
	--unit-0: 0 !important;
	--unit-1: clamp(var(--unit-1-min) * 1rem, var(--unit-1-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-1-max) * 1rem) !important;
	--unit-2: clamp(var(--unit-2-min) * 1rem, var(--unit-2-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-2-max) * 1rem) !important;
	--unit-3: clamp(var(--unit-3-min) * 1rem, var(--unit-3-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-3-max) * 1rem) !important;
	--unit-4: clamp(var(--unit-4-min) * 1rem, var(--unit-4-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-4-max) * 1rem) !important;
	--unit-5: clamp(var(--unit-5-min) * 1rem, var(--unit-5-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-5-max) * 1rem) !important;
	--unit-6: clamp(var(--unit-6-min) * 1rem, var(--unit-6-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-6-max) * 1rem) !important;
	--unit-7: clamp(var(--unit-7-min) * 1rem, var(--unit-7-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-7-max) * 1rem) !important;
	--unit-8: clamp(var(--unit-8-min) * 1rem, var(--unit-8-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-8-max) * 1rem) !important;
	--unit-9: clamp(var(--unit-9-min) * 1rem, var(--unit-9-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-9-max) * 1rem) !important;
	--unit-10: clamp(var(--unit-10-min) * 1rem, var(--unit-10-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-10-max) * 1rem) !important;
	--unit-11: clamp(var(--unit-11-min) * 1rem, var(--unit-11-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-11-max) * 1rem) !important;
	--unit-12: clamp(var(--unit-12-min) * 1rem, var(--unit-12-max) * var(--font-size-base) / var(--container-max-width) * 100vw, var(--unit-12-max) * 1rem) !important;
	
	--button-font-weight: 900;
	--button-font-size: var(--font-size-p);
	--button-border-width: 1px;
	--button-border-radius: 4px;
	--button-padding-x: 1rem;
	--button-padding-y: 1rem;
	
	--button-color: var(--color-red);
	--button-bg-color: var(--color-primary);
	--button-border-color: var(--color-primary);
	
	--button-hover-color: var(--button-color);
	--button-hover-bg-color: var(--color-primary);
	--button-hover-border-color: var(--color-primary);
	
	--button-color-secondary: var(--color-white);
	--button-bg-color-secondary: var(--color-red);
	--button-border-color-secondary: var(--color-red);
	
	--button-hover-color-secondary: var(--button-color-secondary);
	--button-hover-bg-color-secondary: var(--button-bg-color-secondary);
	--button-hover-border-color-secondary: var(--button-border-color-secondary);
	
	--time-1: 100ms;
	--time-2: 150ms;
	--time-3: 200ms;
	--time-4: 250ms;
	--time-5: 500ms;
	--time-6: 1000ms;
	--easing: cubic-bezier(0.65, 0.05, 0.36, 1);
}