/*
 * DARA Custom — global design tokens
 * Colors + font families/weights sourced from the site's Elementor Kit
 * (Site Settings > Global Colors / Global Fonts, post ID 5).
 * Sizes/line-heights sourced from a live scan of the front page's
 * computed styles (2026-07-25). h4-h6 sizes are not used on the
 * homepage; a consistent type scale was used for those instead of
 * scraped values.
 */

:root {
	/* Elementor Global Colors */
	--e-color-primary: #6EC1E4;
	--e-color-secondary: #54595F;
	--e-color-text: #7A7A7A;
	--e-color-accent: #61CE70;

	/* Elementor Global Typography */
	--e-font-primary: 'Inter', sans-serif;
	--e-font-primary-weight: 600;
	--e-font-secondary: 'Inter', sans-serif;
	--e-font-secondary-weight: 400;
	--e-font-text: 'Inter', sans-serif;
	--e-font-text-weight: 400;
	--e-font-accent: 'Inter Tight', sans-serif;
	--e-font-accent-weight: 500;
}

body {
	font-family: var(--e-font-text);
	font-weight: var(--e-font-text-weight);
	font-size: 16px;
	line-height: 24px;
	color: var(--e-color-text);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--e-font-primary);
	font-weight: var(--e-font-primary-weight);
	color: var(--e-color-secondary);
}

h1 { font-size: 64px; line-height: 1.2; }
h2 { font-size: 50px; line-height: 1; }
h3 { font-size: 26px; line-height: 1.3; }
h4 { font-size: 22px; line-height: 1.3; }
h5 { font-size: 18px; line-height: 1.3; }
h6 { font-size: 16px; line-height: 1.3; }

a {
	color: var(--e-color-primary);
}

a:hover {
	color: var(--e-color-accent);
}

.elementor-button,
button,
input[type="submit"] {
	font-family: var(--e-font-primary);
	font-weight: var(--e-font-primary-weight);
}