/*
 * Design tokens. Values mirror the former Elementor kit (post 6) exactly.
 * Breakpoints (match Elementor): mobile <= 767px, tablet 768px–1024px, desktop >= 1025px.
 * Colour / font-family / font-size presets are also generated by theme.json as --wp--preset--*.
 */
:root {
	/* Colours */
	--ew-purple: #2e2252;
	--ew-mustard: #ffaf19;
	--ew-steel-blue: #697398;
	--ew-green: #69b97c;
	--ew-black: #000;
	--ew-white: #fff;
	--ew-off-white: #f6f6f6;
	--ew-text: #494949;
	--ew-body-text: #333;
	--ew-nav-overlay: #0000009e;
	--ew-oemak-orange: #f78f34;
	--ew-dark: #140f22;

	/* Font families */
	--ew-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--ew-font-gibson: "canada-type-gibson", sans-serif;
	--ew-font-jakarta: "Plus Jakarta Sans", sans-serif;
	--ew-font-inter: "Inter", sans-serif;

	/* Responsive font sizes (desktop values; overridden below) */
	--ew-fs-body: 18px;        /* BodyText-1 / Mobile_BodyText-16 */
	--ew-fs-pre-heading: 20px; /* Mobile_PreHeading */
	--ew-fs-h2: 35px;          /* H2-35 / Mobile_H2 */
	--ew-fs-hero: 40px;        /* HeroH1 / Mobile_H1 */

	/* Layout */
	--ew-container: 1300px;
	--ew-container-padding: 1%;  /* Elementor container default padding */
	--ew-widget-gap: 20px;       /* Elementor widget spacing */
}

@media (max-width: 1024px) {
	:root {
		--ew-container: 1024px;
		--ew-fs-pre-heading: 18px;
	}
}

@media (max-width: 767px) {
	:root {
		--ew-container: 767px;
		--ew-fs-body: 16px;
		--ew-fs-pre-heading: 12px;
		--ew-fs-h2: 25px;
		--ew-fs-hero: 25px;
	}
}

/* Global typography presets from the Elementor kit (used by converted block CSS). */
:root {
	--ewt-primary-font-family: var(--ew-font-jakarta);
	--ewt-primary-font-weight: 600;
	--ewt-secondary-font-family: var(--ew-font-jakarta);
	--ewt-secondary-font-weight: 400;
	--ewt-text-font-family: var(--ew-font-jakarta);
	--ewt-text-font-weight: 300;
	--ewt-text-line-height: 1.3em;
	--ewt-accent-font-family: var(--ew-font-jakarta);
	--ewt-accent-font-weight: 500;
	--ewt-h1-font-family: var(--ew-font-gibson);
	--ewt-h1-font-size: 45px;
	--ewt-h1-font-weight: 900;
	--ewt-h1-text-transform: uppercase;
	--ewt-h1-line-height: 1.1em;
	--ewt-h2-large-font-family: var(--ew-font-gibson);
	--ewt-h2-large-font-size: 40px;
	--ewt-h2-large-font-weight: 900;
	--ewt-h2-large-text-transform: uppercase;
	--ewt-h2-large-line-height: 1.1em;
	--ewt-h3-font-family: var(--ew-font-gibson);
	--ewt-h3-font-size: 35px;
	--ewt-h3-font-weight: 900;
	--ewt-h3-text-transform: uppercase;
	--ewt-h3-line-height: 1.1em;
	--ewt-h4-font-family: var(--ew-font-gibson);
	--ewt-h4-font-size: 20px;
	--ewt-h4-font-weight: 700;
	--ewt-h4-line-height: 1.1em;
	--ewt-product-card-font-family: var(--ew-font-gibson);
	--ewt-product-card-font-size: 25px;
	--ewt-product-card-font-weight: 700;
	--ewt-product-card-text-transform: uppercase;
	--ewt-body-fixed-font-family: var(--ew-font-jakarta);
	--ewt-body-fixed-font-size: 18px;
	--ewt-body-fixed-font-weight: 300;
	--ewt-body-fixed-line-height: 1.4em;
	--ewt-button-font-family: var(--ew-font-gibson);
	--ewt-button-font-size: 20px;
	--ewt-button-font-weight: 700;
	--ewt-button-text-transform: uppercase;
	--ewt-button-line-height: 1em;
	--ewt-pre-heading-fixed-font-family: var(--ew-font-jakarta);
	--ewt-pre-heading-fixed-font-size: 20px;
	--ewt-pre-heading-fixed-font-weight: 300;
	--ewt-pre-heading-fixed-text-transform: uppercase;
	--ewt-pre-heading-fixed-line-height: 1em;
	--ewt-footer-font-family: var(--ew-font-jakarta);
	--ewt-footer-font-size: 14px;
	--ewt-footer-font-weight: 300;
	--ewt-footer-line-height: 1.4em;
	--ewt-hero-fixed-font-family: var(--ew-font-gibson);
	--ewt-hero-fixed-font-size: 40px;
	--ewt-hero-fixed-font-weight: 300;
	--ewt-hero-fixed-text-transform: uppercase;
	--ewt-hero-fixed-line-height: 1.2em;
	--ewt-h2-fixed-font-family: var(--ew-font-gibson);
	--ewt-h2-fixed-font-size: 35px;
	--ewt-h2-fixed-font-weight: 900;
	--ewt-h2-fixed-text-transform: uppercase;
	--ewt-h2-fixed-line-height: 1.1em;
	--ewt-card-heading-font-family: var(--ew-font-gibson);
	--ewt-card-heading-font-size: 18px;
	--ewt-card-heading-font-weight: 700;
	--ewt-card-heading-line-height: 1.1em;
	--ewt-form-font-family: var(--ew-font-jakarta);
	--ewt-form-font-size: 16px;
	--ewt-form-font-weight: 300;
	--ewt-form-text-transform: uppercase;
	--ewt-form-line-height: 1em;
	--ewt-hero-font-family: var(--ew-font-gibson);
	--ewt-hero-font-size: 40px;
	--ewt-hero-font-weight: 300;
	--ewt-hero-text-transform: uppercase;
	--ewt-hero-line-height: 1.2em;
	--ewt-pre-heading-font-family: var(--ew-font-jakarta);
	--ewt-pre-heading-font-size: 20px;
	--ewt-pre-heading-font-weight: 300;
	--ewt-pre-heading-text-transform: uppercase;
	--ewt-pre-heading-line-height: 1em;
	--ewt-h2-font-family: var(--ew-font-gibson);
	--ewt-h2-font-size: 35px;
	--ewt-h2-font-weight: 900;
	--ewt-h2-text-transform: uppercase;
	--ewt-h2-line-height: 1.1em;
	--ewt-body-font-family: var(--ew-font-jakarta);
	--ewt-body-font-size: 18px;
	--ewt-body-font-weight: 300;
	--ewt-body-line-height: 1.4em;
}
@media (max-width: 1024px) {
	:root {
		--ewt-pre-heading-font-size: 18px;
	}
}
@media (max-width: 767px) {
	:root {
		--ewt-hero-font-size: 25px;
		--ewt-pre-heading-font-size: 12px;
		--ewt-h2-font-size: 25px;
		--ewt-body-font-size: 16px;
	}
}