/* ==========================================================================
   Design tokens
   Every value here is lifted from the previous build's generated stylesheets
   (Kadence global palette + Elementor kit 19) so the branding is unchanged.
   ========================================================================== */

:root {
	/* Brand palette ------------------------------------------------------ */
	--fda-palette1: #0f2e3d; /* deep teal    - industry universe band      */
	--fda-palette2: #5d141d; /* oxblood      - hero + learn band           */
	--fda-palette3: #12232b; /* ink          - body copy, headings         */
	--fda-palette4: #000000;
	--fda-palette5: #3f4750; /* muted slate  - secondary copy              */
	--fda-palette6: #67737e;
	--fda-palette7: #edf2f7; /* pale blue    - inverted body copy          */
	--fda-palette8: #f3f5f7; /* page canvas                                */
	--fda-palette9: #ffffff;
	--fda-palette11: #13612e;
	--fda-palette12: #1159af;
	--fda-palette13: #b82105;
	--fda-palette14: #f7630c;
	--fda-palette15: #f5a524;

	/* Chrome palette - header, footer and buttons ------------------------ */
	--fda-navy: #000030; /* header bar + footer background             */
	--fda-navy-hover: #003366; /* dropdown hover                             */
	--fda-brick: #811503; /* primary call-to-action                     */
	--fda-brick-hover: #1c4d7f;
	--fda-red: #d91900; /* nav hover / emergency accent               */
	--fda-bar: #05293a; /* fixed bottom bar                           */
	--fda-foot-heading: #f8fafc;
	--fda-foot-text: rgba(248, 250, 252, 0.8); /* #F8FAFCCC */
	--fda-foot-meta: rgba(248, 250, 252, 0.569); /* #F8FAFC91 */
	--fda-foot-rule: rgba(248, 250, 252, 0.349); /* #F8FAFC59 */

	/* Type --------------------------------------------------------------- */
	--fda-font-body: "Source Sans 3", sans-serif;
	--fda-font-heading: Inter, sans-serif;
	--fda-font-display: "Lato", sans-serif; /* page hero + section titles  */
	--fda-font-ui: "Source Sans Pro", sans-serif; /* header/footer chrome  */

	/* Measure ------------------------------------------------------------ */
	--fda-content-width: 1290px;
	--fda-content-narrow: 842px;
	--fda-content-wide: 1520px;
	--fda-edge-padding: 1.5rem;
	--fda-boxed-padding: 2rem;
	--fda-elementor-width: 1140px; /* Elementor kit container max-width   */

	/* Motion ------------------------------------------------------------- */
	--fda-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
	--fda-speed: 0.3s;
}

@media (max-width: 1024px) {
	:root {
		--fda-boxed-padding: 2rem;
	}
}

@media (max-width: 767px) {
	:root {
		--fda-boxed-padding: 1.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--fda-speed: 0.001s;
	}
}