:root {
	/* PRIMARY COLORS */
	--red: #E30613;
	--blue: #075DA7;
	
	/* SECONDARY COLORS */
	--sky-blue: #4DA6FF;
	--light-blue: #7ACCFF;
	
	/* GRAYS */
	--white: #FFFFFF;
	--dark-blue-25: #DDF0FE;
	--dark-blue-50: #8DB2CF;
	--dark-blue-100: #002B4D;
	--blue-gray: #647390;
	--near-black: #080a0c;
	--slate-gray: #81909c;
	
	/* FONTS */
	--typeface-main: 'CornerDisplay';
	--typeface-secondary: 'Inter', sans-serif;
	--typeface-icon: 'cticon';
	--typeface-symbols: 'Material Symbols Outlined';
		
	--h1-family: var(--typeface-main);
	--h1-weight: 700;
	--h1-size-desktop: 80px;
	--h1-size-mobile: 30px;
	--h1-line-height-desktop: 1;
	--h1-line-height-mobile: 1;
	--h1-text-transform: uppercase;
	--h1-font-feature-settings: 'ss01' on;
	--h1-color: var(--blue);

	--h2-family: var(--typeface-main);
	--h2-weight: 700;
	--h2-size-desktop: 48px;
	--h2-size-mobile: 26px;
	--h2-line-height-desktop: 1;
	--h2-line-height-mobile: 1;
	--h2-text-transform: uppercase;
	--h2-color: var(--blue);

	--h3-family: var(--typeface-main);
	--h3-weight: 400;
	--h3-size-desktop: 40px;
	--h3-size-mobile: 32px;
	--h3-line-height-desktop: 1;
	--h3-line-height-mobile: 1;
	--h3-color: var(--blue);

	--h4-family: var(--typeface-main);
	--h4-weight: 400;
	--h4-size-desktop: 32px;
	--h4-size-mobile: 24px;
	--h4-line-height-desktop: 1;
	--h4-line-height-mobile: 1;
	--h4-color: var(--blue);
	
	--body-family: var(--typeface-secondary);
	--body-weight: 500;
	--body-size-desktop: 18px;
	
	--body-size-mobile: 18px;
	--body-line-height-desktop: 1;
	--body-line-height-mobile: 1;
	--body-color: var(--dark-blue-100);

	--bodysmall-family: var(--typeface-secondary);
	--bodysmall-weight: 500;
	--bodysmall-size-desktop: 14px;
	--bodysmall-size-mobile: 12px;
	--bodysmall-line-height-desktop: 1;
	--bodysmall-line-height-mobile: 1;
	--bodysmall-color: var(--dark-blue-100);

	--legal-family: var(--typeface-secondary);
	--legal-weight: 500;
	--legal-size-desktop: 14px;
	--legal-size-mobile: 12px;
	--legal-line-height-desktop: 1;
	--legal-line-height-mobile: 1;
	--legal-color: var(--dark-blue-100);
	
	/* CTA - shared rules */
	--cta-family: var(--typeface-main);
	--cta-weight: 700;
	--cta-size-desktop: 18px;
	--cta-size-mobile: 18px;
	--cta-line-height: 1;
	--cta-text-transform: uppercase;
	--cta-display: flex;
	--cta-gap: 8px;
	--cta-disabled: 0.3;
	--cta-text-transform: uppercase;
	--cta-cursor: pointer;
	--cta-width: fit-content;
	--cta-border-radius-desktop: 10px;
	--cta-border-radius-mobile: 8px;
	--cta-transition: background-color .15s ease-out, color .15s ease-out, border .15s ease-out;
	
	/* CTA - primary */
	--cta-color-primary-text: var(--white);
	--cta-border-primary: 3px solid var(--red);
	--cta-color-primary-default: var(--red);
	--cta-color-primary-hover: #A0000A;
	--cta-border-primary-hover: 3px solid #A0000A;
	--cta-color-primary-pressed: #000000;
	--cta-border-primary-pressed: 3px solid #000000;
	--cta-color-primary-disabled: #FCCECE;
	--cta-color-primary-inverse-text: var(--red);
	--cta-border-primary-inverse: 3px solid var(--red);
	--cta-color-primary-inverse-default: var(--white);
	--cta-color-primary-inverse-disabled: var(--white);
	--cta-color-primary-inverse-disabled-text: #FCCECE;
	--cta-border-primary-inverse-disabled: 3px solid #FCCECE;
	
	/* CTA - secondary */
	--cta-color-secondary-text: var(--white);
	--cta-border-secondary: 3px solid var(--blue);
	--cta-color-secondary-default: var(--blue);
	--cta-color-secondary-hover: #0B447D;
	--cta-border-secondary-hover: 3px solid #0B447D;
	--cta-color-secondary-pressed: #000000;
	--cta-border-secondary-pressed: 3px solid #000000;
	--cta-color-secondary-disabled: #CCE2F9;
	--cta-color-secondary-inverse-text: var(--blue);
	--cta-border-secondary-inverse: 3px solid var(--blue);
	--cta-color-secondary-inverse-default: var(--white);
	--cta-color-secondary-inverse-disabled: var(--white);
	--cta-color-secondary-inverse-disabled-text: #0B447D;
	--cta-border-secondary-inverse-disabled: 3px solid #0B447D;
		
	/* CTA - tertiary */
	/*--cta-color-tertiary-text: var(--blue);
	--cta-color-tertiary-hover: var(--red);
	--cta-color-tertiary-pressed: var(--black);
	--cta-color-tertiary-disabled: var(--blue);*/
		
	--link-family: var(--typeface-main);
	--link-weight: var(--weight-700);
	--link-size-desktop: 18px;
	--link-size-mobile: 18px;
	--link-height: 54px;
	--link-line-height: 1;
	--link-padding: 16px 24px;
	--link-color-primary-default: var(--red);
	--link-color-primary-hover: #A0000A;
	--link-color-primary-pressed: #000000;
	--link-color-primary-disabled: #FCCECE;
	--link-color-secondary-default: var(--blue);
	--link-color-secondary-hover: var(--red);
	--link-color-secondary-pressed: #000000;
	--link-color-secondary-disabled: #CCE2F9;
	
	--border-radius-desktop: 20px;
	--border-radius-mobile: 16px;
	
	/* Tiles */
	--item-h: 330px;
    --info-h: 171.906px;
    --desc-maxh: 44px;
}