:root {
	/* Colors: Neutrals */
	--color-black: #000011;
	--color-black-alt: #000;
	--color-black-contrast: var(--color-white);
	--color-black-rgb: 0, 0, 11;

	--color-white: #fff;
	--color-white-alt: #f5f7f9;
	--color-white-contrast: var(--color-black);
	--color-white-rgb: 255, 255, 255;

	--color-light-grey: #e2e8ec;
	--color-light-grey-alt: #b9c2c9;
	--color-light-grey-contrast: var(--color-black);
	--color-light-grey-rgb: 226, 232, 236;

	--color-grey: #e2e8ec;
	--color-grey-alt: #b9c2c9;
	--color-grey-contrast: var(--color-black);
	--color-grey-rgb: 226, 232, 236;

	--color-dark-grey: #97a3aa;
	--color-dark-grey-alt: #7e8a91;
	--color-dark-grey-contrast: var(--color-black);
	--color-dark-grey-rgb: 151, 163, 170;

	/* Colors: Brand */
	--color-primary: #1855A0;
	--color-primary-alt: #0A4297;
	--color-primary-contrast: var(--color-white);
	--color-primary-rgb: 24, 85, 160;
	--color-primary-alt-rgb: 10, 66, 151;

	--color-secondary: #37a256;
	--color-secondary-alt: #21984b;
	--color-secondary-contrast: var(--color-white);
	--color-secondary-rgb: 55, 162, 86;

	--color-tertiary: #010012;
	--color-tertiary-alt: #272d4d;
	--color-tertiary-contrast: var(--color-white);
	--color-tertiary-rgb: 01, 0, 18;

	--color-cyan: #43ACF2;
	--color-cyan-alt: #2196f3;
	--color-cyan-contrast: var(--color-white);
	--color-cyan-rgb: 67, 172, 242;

	/* Colors: Socials */
	--color-facebook: #0866ff;
	--color-pinterest: #e60023;
	--color-whatsapp: #25d366;
	--color-twitter: #1da1f2;
	--color-twitter-x: #000;
	--color-instagram: #e1306c;
	--color-linkedin: #0077b5;
	--color-youtube: #ff0000;

	/* Colors: States */
	--color-error: #f50035;
	--color-error-alt: #c4002f;
	--color-error-contrast: var(--color-white);
	--color-error-rgb: 245, 0, 53;

	--color-warning: #ff9800;
	--color-warning-alt: #f57c00;
	--color-warning-contrast: var(--color-white);
	--color-warning-rgb: 255, 152, 0;

	--color-success: #37a256;
	--color-success-alt: #21984b;
	--color-success-contrast: var(--color-white);
	--color-success-rgb: 55, 162, 86;

	--color-info: #1855A0;
	--color-info-alt: #0A4297;
	--color-primary-contrast: var(--color-white);
	--color-primary-rgb: 24, 85, 160;

	/* Borders */
	--border-width: 0.1rem;
	--border-style: solid;

	/* Corners */
	--border-radius-blocks: 1rem;
	--border-radius-buttons: 2.5rem;
	--border-radius-fields: 0.7rem;

	/* Padding */
	--padding-containers: 2rem;
	--padding-rows: 3rem;
	--padding-blocks: 2.5rem;
	--padding-buttons: 2.8rem;
	--padding-fields-x: 2rem;
	--padding-fields-y: 1rem;

	/* Opacity */
	--bg-opacity: 1;
	--border-opacity: 1;
	--text-opacity: 1;

	/* Fonts */
	--heading-font: 'Inter', 'Times New Roman', Times, serif;
	--body-font: 'Inter', 'Times New Roman', Times, serif;
	--body-font-size: 1.4rem;
	--body-font-weight: 300;
	--body-line-height: 1.5;
	--body-text-color: var(--color-black);
	--body-bg-color: var(--color-white);
}

@media (min-width: 576px) {
	:root {
		--padding-containers: 4rem;
		--padding-rows: 3rem;
		--padding-blocks: 2.5rem;
	}
}
@media (min-width: 768px) {
	:root {
		--body-font-size: 1.6rem;
		
		--padding-containers: 6rem;
		--padding-rows: 4rem;
		--padding-blocks: 3rem;
	}
}
@media (min-width: 1024px) {
	:root {
		--padding-containers: 8rem;
		--padding-rows: 5rem;
		--padding-blocks: 3.5rem;
	}
}
@media (min-width: 1280px) {
	:root {
		--padding-containers: 10rem;
		--padding-rows: 6rem;
		--padding-blocks: 4rem;
	}
}
@media (min-width: 1540px) {
	:root {
		--padding-containers: 12rem;
		--padding-rows: max(7rem, 5vw);
		--padding-blocks: 4.5rem;
	}
}