/*
 * Design tokens.
 *
 * Lifted verbatim from Elementor global kit 6 so the rebuild matches the
 * live site exactly. Do not invent values here — if a colour or size is
 * missing, it came from a widget override and belongs in components.css.
 */

:root {
	/* Palette -------------------------------------------------------- */
	--jbw-gold: #d4a018;
	--jbw-ink: #121212;
	--jbw-paper: #fefefe;
	--jbw-black: #000000;
	--jbw-white: #ffffff;
	--jbw-transparent: #00000000;

	--jbw-ink-43: #1212126e;  /* card overlay, resting  */
	--jbw-ink-90: #121212e6;  /* card overlay, hover    */
	--jbw-black-20: #00000033;
	--jbw-white-25: #ffffff40;

	--jbw-shadow-dot: 0 0 5px 5px rgba(0, 0, 0, 0.25);
	--jbw-shadow-tooltip: 0 0 5px 5px rgba(0, 0, 0, 0.15);

	/* Semantic ------------------------------------------------------- */
	--jbw-bg: var(--jbw-ink);
	--jbw-fg: var(--jbw-paper);
	--jbw-accent: var(--jbw-gold);

	/* Type ----------------------------------------------------------- */
	--jbw-font-display: "acier-bat-solid", "Impact", sans-serif;
	--jbw-font-body: "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

	--jbw-text-base: 16px;
	--jbw-leading: 1.8;
	--jbw-leading-tight: 1.25;

	/* The kit stores these as clamp() strings; reproduced exactly. */
	--jbw-h1: clamp(2.8rem, 2.341vw + 2.332rem, 4rem);
	--jbw-h2: clamp(2.4rem, 1.561vw + 2.088rem, 3.2rem);
	--jbw-h3: clamp(2rem, 1.561vw + 1.688rem, 2.8rem);
	--jbw-h4: clamp(1.6rem, 1.561vw + 1.288rem, 2.4rem);
	--jbw-h5: clamp(1.4rem, 1.171vw + 1.166rem, 2rem);
	--jbw-h6: clamp(1.2rem, 0.78vw + 1.044rem, 1.6rem);

	--jbw-text-lg: 1.2rem;
	--jbw-text-sm: 0.8rem;
	--jbw-text-button: 1.1rem;

	/* Layout --------------------------------------------------------- */
	/* Content width, with the gutter added outside it so the content itself
	   is a true 1140px on desktop, as the Elementor containers were. */
	--jbw-container: 1140px;
	--jbw-gutter-x: 1.25rem;
	/* .e-con's default vertical padding: a percentage of the full section width. */
	--jbw-gutter-y: 10%;
	--jbw-gap: 2rem;

	/* Controls ------------------------------------------------------- */
	--jbw-radius: 6px;
	--jbw-radius-lg: 8px;
	--jbw-border: 1px;

	/* Motion --------------------------------------------------------- */
	--jbw-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--jbw-dur-fast: 0.3s;
	--jbw-dur: 0.45s;
	--jbw-dur-slow: 0.8s;

	--jbw-slideshow-hold: 8000ms;
	--jbw-slideshow-fade: 650ms;
	--jbw-carousel-speed: 500ms;
	--jbw-reviews-speed: 1500ms;
	--jbw-story-speed: 450ms;

	--jbw-header-h: 6.5rem;
}

/* Elementor's active breakpoints were mobile <=767 and tablet <=1024. */
@media (max-width: 1024px) {
	:root {
		--jbw-container: 1024px;
		--jbw-gutter-y: 15%;
		--jbw-header-h: 5.5rem;
	}
}

@media (max-width: 767px) {
	:root {
		--jbw-container: 767px;
		--jbw-gutter-y: 20%;
		--jbw-header-h: 5rem;
	}
}