/* -------------------------------------------------------------------------
 * Design tokens.
 *
 * This is the file you change per client. Everything pasted into an
 * Elementor HTML widget reads from these variables, so a rebrand is a
 * handful of edits here rather than a hunt through every page.
 *
 * The Customizer overrides these at runtime (see inc/customizer.php), so
 * the values below are the defaults a site falls back to.
 * ---------------------------------------------------------------------- */

:root {
	/* Brand */
	--st-brand: #1b1f24;
	--st-accent: #2f6fed;
	--st-accent-ink: #ffffff;

	/* Surfaces */
	--st-bg: #ffffff;
	--st-bg-alt: #f5f6f8;
	--st-ink: #1b1f24;
	--st-ink-soft: #5b626b;
	--st-line: #dfe3e8;

	/* Type */
	--st-font-display: inherit;
	--st-font-body: inherit;
	--st-step-0: 1rem;
	--st-step-1: 1.25rem;
	--st-step-2: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
	--st-step-3: clamp(2rem, 1.5rem + 2.4vw, 3rem);

	/* Space — one scale, used everywhere */
	--st-space-xs: 0.5rem;
	--st-space-sm: 1rem;
	--st-space-md: 2rem;
	--st-space-lg: 4rem;
	--st-space-xl: 6rem;

	/* Shape */
	--st-radius: 6px;
	--st-container: 1140px;
}