/**
 * Global CSS variables.
 * Colors, fonts, spacing.
 *
 * @package Harmony
 */

/* Box-sizing for all elements */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Fonts: Qanelas, SF Pro Display - inc/fonts.php; Inter - Google Fonts */
/* Inter - loaded from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
	/* Colors */
	--white-ffffff: #fff;
	--black-292929: #292929;
	--grey-808080: #808080;
	--line-dadada: #dadada;
	--green-16ab92: #16ab92;
	--yellow-ead286: #ead286;
	--blue-284d8a: #284d8a;
	--red-e26959: #e26959;
	--bg-f5f5f5: #f5f5f5;

	/* Harmony Development palette */
	--harmony-development-white-ffffff: #fff;
	--harmony-development-blue-1d396b: #1d396b;
	--harmony-development-light-blue-5c9dd5: #5c9dd5;
	--harmony-development-beige-b18760: #b18760;
	--harmony-development-light-beige-faf0df: #faf0df;
	--harmony-development-gray-969898: #969898;
	--harmony-development-black-000000: #000;

	/* Font families */
	--font-family: "Qanelas", sans-serif;
	--second-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;
	--third-family: "Inter", sans-serif;
}