/* Design tokens extracted from the Elementor kit (post 9, "Kit Styles: Avocati"). */
:root {
	/* Global colours */
	--aew-color-primary: #0F2136;
	--aew-color-secondary: #4A5568;
	--aew-color-text: #2D3748;
	--aew-color-accent: #B8935A;
	--aew-color-accent-dark: #8C6E3E;
	--aew-color-white: #FFFFFF;
	--aew-color-transparent: #02010100;
	--aew-color-light: #F7FAFC;
	--aew-color-black: #000000;
	--aew-color-border: #E2E8F0;
	--aew-color-link-hover: #22559C;

	/* Font families */
	--aew-font-heading: "Libre Baskerville", Sans-serif; /* primary, 700 */
	--aew-font-ui: "Lato", Sans-serif;                   /* secondary, 400 */
	--aew-font-text: "Roboto Slab", Sans-serif;          /* text, 300 */
	--aew-font-accent: "Lora", Sans-serif;               /* accent, 500 */

	/* Body text */
	--aew-text-size: 16px;
	--aew-text-weight: 300;
	--aew-text-line: 1.75em;

	/* Headings (kit h1–h6) */
	--aew-h1-size: 40px;  --aew-h1-line: 1.15em;
	--aew-h2-size: 36px;  --aew-h2-line: 1.11em;
	--aew-h3-size: 32px;  --aew-h3-line: 1.18em;
	--aew-h4-size: 28px;  --aew-h4-line: 1.14em;
	--aew-h5-size: 24px;  --aew-h5-line: 1.16em;
	--aew-h6-size: 20px;  --aew-h6-line: 1.2em;

	/* Kit custom typography presets */
	--aew-type-hero-size: 55px;      --aew-type-hero-line: 1.05em;   /* c4f4f58 Lora 700 */
	--aew-type-title-size: 48px;     --aew-type-title-line: 1.16em;  /* d9bb89f Lora 700 */
	--aew-type-h40-size: 40px;       --aew-type-h40-line: 1.15em;    /* 707fdb2 Lora 700 */
	--aew-type-sub-size: 20px;       --aew-type-sub-line: 1em;       /* 4002185 / c62cd77 Lora 600 */
	--aew-type-lead-size: 18px;      --aew-type-lead-line: 1.75em;   /* 3da2eae Roboto Slab 300 */
	--aew-type-small-size: 15px;     --aew-type-small-line: 1.75em;  /* b4cbcc2 */
	--aew-type-h24-size: 24px;       --aew-type-h24-line: 1.16em;    /* adfd00b 700 */

	/* Buttons (kit) */
	--aew-btn-font: "Lora", Sans-serif;
	--aew-btn-size: 16px;
	--aew-btn-weight: 500;
	--aew-btn-pad: 14px 26px;

	/* Layout */
	--aew-container: 1240px;
	--aew-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--aew-container: 1024px;
	}
}

@media (max-width: 767px) {
	:root {
		--aew-text-size: 14px;
		--aew-h1-size: 30px;
		--aew-h2-size: 28px;
		--aew-h3-size: 24px;
		--aew-h4-size: 22px;
		--aew-h5-size: 20px;
		--aew-h6-size: 18px;
		--aew-type-hero-size: 34px;
		--aew-type-title-size: 34px;
		--aew-type-h40-size: 30px;
		--aew-type-sub-size: 15px;
		--aew-type-lead-size: 15px;
		--aew-type-small-size: 12px;
		--aew-type-h24-size: 20px;
		--aew-btn-size: 14px;
		--aew-btn-pad: 10px 20px;
		--aew-container: 767px;
	}
}