/*
 * --tma-primary / -secondary and their derived shades (-hover, -light,
 * -tint, -on) are printed inline in <head> by inc/customizer.php
 * (tma_output_dynamic_css), AFTER this stylesheet, from the admin's 2
 * Customizer color pickers — so that block always wins the cascade over
 * the static fallbacks below.
 */

:root {
	--tma-primary: #f0a73c;
	--tma-primary-hover: #e79112;
	--tma-primary-light: #f4c175;
	--tma-primary-tint: #fef8ef;
	--tma-primary-on: #1b2333;

	--tma-secondary: #0d6efd;
	--tma-secondary-hover: #0257d5;
	--tma-secondary-light: #4a92fe;
	--tma-secondary-tint: #ecf3ff;
	--tma-secondary-on: #ffffff;

	--tma-bg: #ffffff;
	--tma-bg-alt: #f6f7f9;
	--tma-text: #22262f;
	--tma-text-muted: #636a78;
	--tma-text-on-dark-muted: rgba(255,255,255,.72);
	--tma-border: #e4e7ee;

	--tma-font-heading: Georgia, 'Times New Roman', serif;
	--tma-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--tma-fs-eyebrow: .8125rem;
	--tma-fs-h1: clamp(2rem, 4vw, 2.9rem);
	--tma-fs-h2: clamp(1.6rem, 2.8vw, 2.1rem);
	--tma-fs-h3: 1.1rem;

	--tma-container: 1180px;
	--tma-gap: 1.75rem;
	--tma-section-pad: clamp(3rem, 6vw, 5.5rem);
	--tma-radius: 8px;
	--tma-radius-pill: 999px;
	--tma-shadow: 0 14px 34px rgba(16,24,40,.08);
	--tma-transition: 180ms ease;
}