:root {
	/* #10e3e3 */
	--color-primary: #14ae5c;
	--color-primary-light-half: color-mix(in srgb, var(--color-primary), white);
	--color-primary-dark-half: color-mix(in srgb, var(--color-primary), black);
	--color-primary-dark-heavy: color-mix(in srgb, var(--color-primary), black 75%);
	--color-primary-dark-full: color-mix(in srgb, var(--color-primary), black 90%);
	--color-primary-dark-over: color-mix(in srgb, var(--color-primary), black 95%);
	--color-secondary: #ddd;

	--font-size-title: 5.2rem;
	--font-size-subtitle: 4rem;
	--font-size-subtitle-xs: 2.4rem;
	--font-size-subtitle-xxs: 2rem;
	--font-size-text: 1.6rem;
	--font-size-text-xs: 1.4rem;
	--font-size-text-xl: 1.8rem;
	--font-size-icon: 4.8rem;

	--width-xs: 0em;
	--width-sm: 30em;
	--width-lg: 48em;
	--width-md: 90em;
	--width-xl: 120em;

	--padding-block: 2.8rem;
	--padding-content: .8em;

	--space-section: 12rem;
	--space-subsection: calc(var(--space-section) / 3);
	--space-subsubsection: calc(var(--space-section) / 4);

	--opacity-text: .25;
	--border-radius: .4rem;
	--ease-out-fast: cubic-bezier(0, 0, .25, 1);
	--gap-default: 4em;
	--border-radius-default: .4rem;
}