/*
 * --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: #ee2430;
	--ftbs-primary-hover: #cf101b;
	--ftbs-primary-light: #f3666f;
	--ftbs-primary-tint: #feedee;
	--ftbs-primary-on: #ffffff;

	--ftbs-secondary: #0f2d4a;
	--ftbs-secondary-hover: #061320;
	--ftbs-secondary-light: #1b5185;
	--ftbs-secondary-tint: #eceef1;
	--ftbs-secondary-on: #ffffff;

	--ftbs-accent: #f8b02e;
	--ftbs-accent-hover: #eb9a08;
	--ftbs-accent-light: #faca73;
	--ftbs-accent-tint: #fef9ee;
	--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: #f3f5f8;
	--ftbs-text: #1d2b3a;
	--ftbs-text-muted: #5d6b7a;
	--ftbs-border: #e3e8ee;
	--ftbs-dark: #333536;

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

	--ftbs-container: 1180px;
	--ftbs-gap: 1.5rem;
	--ftbs-section-pad: clamp(2rem, 4vw, 3.25rem);
	--ftbs-radius: 8px;
	--ftbs-shadow: 0 6px 24px rgba(15, 45, 74, 0.08);
	--ftbs-transition: 180ms ease;
}