/*
 * --ftbs-<color> and its derived shades (-hover, -light, -tint, -on) are printed
 * inline in <head> by inc/customizer.php (ftbs_output_dynamic_css) AFTER this
 * stylesheet, from the 4 Customizer color pickers, so that block always wins the
 * cascade over the static fallbacks below.
 */

:root {
	--ftbs-primary: #f01728;
	--ftbs-primary-hover: #c70d1b;
	--ftbs-primary-light: #f45a66;
	--ftbs-primary-tint: #feecee;
	--ftbs-primary-on: #ffffff;

	--ftbs-secondary: #86409b;
	--ftbs-secondary-hover: #673177;
	--ftbs-secondary-light: #aa64bf;
	--ftbs-secondary-tint: #f5f0f7;
	--ftbs-secondary-on: #ffffff;

	--ftbs-accent: #ffb300;
	--ftbs-accent-hover: #cc8f00;
	--ftbs-accent-light: #ffc847;
	--ftbs-accent-tint: #fff9eb;
	--ftbs-accent-on: #1b2333;

	--ftbs-highlight: #7bb8bc;
	--ftbs-highlight-hover: #59a6ab;
	--ftbs-highlight-light: #aad1d4;
	--ftbs-highlight-tint: #f4f9fa;
	--ftbs-highlight-on: #1b2333;

	--ftbs-bg: #ffffff;
	--ftbs-bg-alt: #f5f6f8;
	--ftbs-text: #262a33;
	--ftbs-text-muted: #6b7280;
	--ftbs-border: #e3e6ec;
	--ftbs-dark: #333536;

	--ftbs-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--ftbs-fs-h2: clamp(1.6rem, 2.8vw, 2.1rem);

	--ftbs-container: 1180px;
	--ftbs-gap: 1.5rem;
	--ftbs-section-pad: clamp(2.5rem, 5vw, 4.5rem);
	--ftbs-radius: 4px;
	--ftbs-transition: 180ms ease;
}