/**
 * FBC Design Tokens
 * Single source of truth for color, type, spacing, motion, shadows.
 * Captured from live faithbaptist-va.com homepage.
 */

:root {
	/* === COLOR — PRIMARY (NAVY) === */
	--fbc-primary: #031931;
	--fbc-primary-dark: #020E1D;
	--fbc-primary-light: #0A3062;

	/* === COLOR — ACCENT (SLATE) === */
	--fbc-accent: #58708D;
	--fbc-accent-light: #7A9BBA;

	/* === COLOR — GOLD === */
	--fbc-gold: #DAA520;
	--fbc-gold-light: #E8C650;
	--fbc-on-gold: #020E1D;

	/* === COLOR — NEUTRAL === */
	--fbc-text: #333333;
	--fbc-text-light: #555555;
	--fbc-bg: #F8F9FA;
	--fbc-card-bg: #FFFFFF;
	--fbc-white: #FFFFFF;

	/* === COLOR — SEMANTIC (alert banner, etc.) === */
	--fbc-warning: #F59E0B;
	--fbc-danger: #DC2626;
	--fbc-info: #2563EB;
	--fbc-success: #16A34A;

	/* === TYPOGRAPHY === */
	--fbc-font-heading: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	--fbc-font-body: 'Aleo', Georgia, 'Times New Roman', serif;
	--fbc-font-size-base: 1rem;
	--fbc-line-height-body: 1.65;
	--fbc-line-height-heading: 1.3;

	/* === SPACING (8px grid) === */
	--fbc-space-1: 0.5rem;   /* 8 */
	--fbc-space-2: 1rem;     /* 16 */
	--fbc-space-3: 1.5rem;   /* 24 */
	--fbc-space-4: 2rem;     /* 32 */
	--fbc-space-5: 2.5rem;   /* 40 */
	--fbc-space-6: 3rem;     /* 48 */
	--fbc-space-8: 4rem;     /* 64 */
	--fbc-space-10: 5rem;    /* 80 */

	/* === RADIUS === */
	--fbc-radius-sm: 6px;
	--fbc-radius: 10px;
	--fbc-radius-lg: 16px;
	--fbc-radius-pill: 999px;

	/* === SHADOWS === */
	--fbc-shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.05);
	--fbc-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);
	--fbc-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.10);

	/* === MOTION === */
	--fbc-transition: 0.3s ease;

	/* === FOCUS === */
	--fbc-focus-ring: 3px solid var(--fbc-gold);
	--fbc-focus-offset: 2px;

	/* === LAYOUT === */
	--fbc-container: 1200px;
	--fbc-container-narrow: 1000px;
	--fbc-navbar-height: 84px;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--fbc-transition: 0.01s linear;
	}
}