/**
 * Brand V2 design tokens
 *
 * Fluid values from the Figma "FIQ - website style updates" variables
 * (Desktop 1440 / Tablet 768 / Mobile 390). Each size is exact at those
 * three widths and frozen outside 390–1440. The Figma tablet values sit above
 * a straight mobile→desktop line, so most sizes use two linear segments
 * (390→768, 768→1440) combined with min()/max() inside clamp().
 *
 * Only custom properties live here: nothing changes on a page until an
 * Elementor "★" global style (or custom CSS) references them.
 *
 * @package HelloFortifyIQ
 */

:root {
	/* Type sizes — mobile / tablet / desktop in px */
	--fiq-fs-h1:   clamp(2rem,     min(0.9038rem + 4.4974vw, 2.7054rem + 0.7440vw), 3.375rem);  /* 32 / 49 / 54 */
	--fiq-fs-h2:   clamp(1.5rem,   min(0.7262rem + 3.1746vw, 1.7500rem + 1.0417vw), 2.6875rem); /* 24 / 36 / 43 */
	--fiq-fs-h3:   clamp(1.375rem, min(0.7302rem + 2.6455vw, 1.8571rem + 0.2976vw), 2.125rem);  /* 22 / 32 / 34 */
	--fiq-fs-h4:   clamp(1.25rem,  min(0.9921rem + 1.0582vw, 1.2857rem + 0.4464vw), 1.6875rem); /* 20 / 24 / 27 */
	--fiq-fs-h5:   clamp(1.125rem, 0.8393rem + 0.5952vw, 1.375rem);                             /* 18 / 18 / 22 */
	--fiq-fs-h6:   clamp(1rem,     0.8571rem + 0.2976vw, 1.125rem);                             /* 16 / 16 / 18 */
	--fiq-fs-body: clamp(0.875rem, min(0.7460rem + 0.5291vw, 0.8571rem + 0.2976vw), 1.125rem);  /* 14 / 16 / 18 */
	--fiq-fs-button: 1rem;                                                                      /* 16 on all devices */

	/* Line heights — unitless so nested elements inherit the ratio */
	--fiq-lh-h1:   1.2;
	--fiq-lh-h2:   1.25;
	--fiq-lh-h3:   1.3;
	--fiq-lh-h4:   1.35;
	--fiq-lh-h5:   1.4;
	--fiq-lh-h6:   1.45;
	--fiq-lh-body: 1.6;
	--fiq-lh-button: 1.4;

	/* Letter spacing */
	--fiq-ls-h1:   -0.5px;
	--fiq-ls-h2:   -0.25px;
	--fiq-ls-h3:   -0.15px;
	--fiq-ls-h4:   -0.1px;
	--fiq-ls-h5:   0px;    /* not defined in Figma — explicit 0 so it doesn't inherit body's 0.15px */
	--fiq-ls-h6:   0px;
	--fiq-ls-body: 0.15px;
	--fiq-ls-button: 0px;

	/* Layout */
	--fiq-content-max: 77.5rem; /* 1240 */
	--fiq-gutter: clamp(1rem, max(-0.0317rem + 4.2328vw, -2.8571rem + 10.1190vw), 6.25rem); /* 16 / 32 / 100 */
	--fiq-gap: 1.25rem;         /* 20 */

	/* Colors — same hex as the "★" Elementor globals, for custom CSS */
	--fiq-orange:      #E96310;
	--fiq-blue:        #3E68AF;
	--fiq-navy:        #011236;
	--fiq-light-blue:  #DDECFF;
	--fiq-grey:        #D9D9D9;
	--fiq-bg-grey:     #F5F9FF;
	--fiq-text:        #101323;
	--fiq-eda:         #453287;
	--fiq-pqc:         #19CAE6;
	--fiq-cryptobox:   #1BA2B4;
	--fiq-aes:         #3F869B;
	--fiq-trust:       #864EA6;
	--fiq-rng:         #1497AD;
	--fiq-pka:         #747CBC;
	--fiq-cl:          #137691;
	--fiq-mac:         #0799CB;

	/* Default colors on "Brand V2 page" documents */
	--fiq-color-heading: var(--fiq-blue);
	--fiq-color-text:    var(--fiq-text);
}