:root {
	color-scheme: light;

	/* colors */
	--color-blue: #006ac8;
	--color-soft-blue: #e7f3fe;
	--color-divider: rgba(0, 106, 200, 0.2);
	--color-green: #19a37d;
	--color-white: #fff;
	--color-button-border: rgba(6, 181, 191, 0.17);

	/* fonts */
	--font-base: "Nunito", Arial, sans-serif;
	--font-numbers: "Inter", Arial, sans-serif;
	--font-divider: "PTSans", "Nunito", sans-serif;

	/* radii */
	--radius-button: 26px;
	--radius-button-glow: 32px;
	--radius-button-surface: 31.5px;

	/* shadows */
	--shadow-button: 0 4px 6px rgba(0, 0, 0, 0.16);
	--shadow-button-surface: inset 0 7.04px 25.6px rgba(26, 162, 122, 0.22), inset 0 -1.6px 7.68px rgba(53, 159, 167, 0.7), inset 0 0.96px 5.12px rgba(53, 159, 167, 0.38);

	/* sizes */
	--page-min-width: 320px;
	--container-max: 1200px;
	--button-lg-width: 276px;
	--button-lg-height: 67px;
}