/*
Theme Name: Forzafide Child
Theme URI: https://forzafide.com
Template: Divi
Author: Forzafide
Author URI: https://forzafide.com
Description: Divi 5 child theme for forzafide.com. Carries the Forzafide brand-kit design tokens (colors, type scale, spacing). Component styling is done via Divi 5 variables and presets; brand tokens here keep all custom CSS consistent. See vault Brand Kit.md.
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: forzafide-child
*/

/* ============================================================
   FORZAFIDE DESIGN TOKENS  (single source of truth in code)
   Mirror these exact values into Divi 5 global variables.
   ============================================================ */
:root {
	/* Core color */
	--fz-charcoal: #2B2B2B;
	--fz-ink: #1A1A1A;
	--fz-gold: #C8B273;
	--fz-gold-deep: #A8915A;
	--fz-gold-soft: #E4D9B8;
	--fz-ivory: #F5F3EF;
	--fz-white: #FFFFFF;

	/* Neutrals */
	--fz-grey-700: #4A4A4A;
	--fz-grey-500: #6B6B6B;
	--fz-grey-300: #C9C5BD;
	--fz-grey-200: #E4E1DA;

	/* Semantic */
	--fz-success: #3F7D5A;
	--fz-error: #B23A3A;
	--fz-warning: #C8932B;

	/* Fonts */
	--fz-font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
	--fz-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	/* Fluid type scale */
	--fz-display: clamp(2.5rem, 1.8rem + 3.5vw, 4rem);
	--fz-h1: clamp(2.5rem, 1.8rem + 3.5vw, 4rem);
	--fz-h2: clamp(2rem, 1.5rem + 2.5vw, 3rem);
	--fz-h3: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
	--fz-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	--fz-lead: clamp(1.075rem, 1rem + 0.4vw, 1.25rem);
	--fz-text: 1rem;
	--fz-text-sm: 0.875rem;
	--fz-text-xs: 0.75rem;

	/* Spacing (8pt) */
	--fz-space-2xs: 0.25rem;
	--fz-space-xs: 0.5rem;
	--fz-space-sm: 1rem;
	--fz-space-md: 1.5rem;
	--fz-space-lg: 2.5rem;
	--fz-space-xl: 4rem;
	--fz-space-2xl: 6rem;
	--fz-section-y: clamp(3rem, 2rem + 5vw, 7rem);

	/* Radius */
	--fz-radius: 4px;
	--fz-radius-lg: 8px;
	--fz-radius-img: 6px;
}

/* ============================================================
   BASE  (foundational defaults; components handled by Divi presets)
   ============================================================ */
body {
	font-family: var(--fz-font-body);
	font-size: var(--fz-text);
	line-height: 1.6;
	color: var(--fz-charcoal);
	background-color: var(--fz-ivory);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--fz-font-display);
	color: var(--fz-charcoal);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.01em;
}

a { color: var(--fz-gold-deep); }
a:hover { color: var(--fz-charcoal); }

/* Eyebrow / label helper */
.fz-eyebrow {
	font-family: var(--fz-font-body);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: var(--fz-text-sm);
	color: var(--fz-gold-deep);
}

/* Custom CSS below this line. Prefer Divi variables/presets first. */