/* Design tokens — from Figma variables (FactoVia, Home Desktop 46:1737). */
:root {
	/* Brand (Figma: Basic / Primary) */
	--color-dark: #024d6b;        /* Basic/Dark */
	--color-light: #edf4f6;       /* Basic/Light */
	--color-primary: #e4a535;     /* Primary/Main */
	--color-secondary: #239467;   /* Primary/Secondary */

	/* Neutrals (Figma: Neutral/1–5) */
	--color-neutral-1: #55717e;
	--color-neutral-2: #688998;
	--color-neutral-3: #bfd5df;
	--color-neutral-4: #d4e8f0;
	--color-neutral-5: #dfeff6;

	/* One-off surface colours used in the design */
	--color-card: #f2f8f9;
	--color-icon-amber: #ece8d9;
	--color-icon-green: #cfe6e1;
	--color-icon-blue: #cadbe1;
	--color-faq-border: #bae1f2;
	--color-cta-border: #c9e3ee;
	--color-footer-text: #9db6c9;
	--color-white-07: rgb(255 255 255 / 0.07);
	--color-white-10: rgb(255 255 255 / 0.1);

	/* Typography */
	--font-body: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;

	/* Desktop sizes from Figma, fluid down to mobile */
	--fs-h1: clamp(2.5rem, 1.93rem + 2.43vw, 3.875rem);      /* 62 */
	--fs-h2: clamp(1.875rem, 1.54rem + 1.44vw, 2.6875rem);   /* 43 */
	--fs-h3: clamp(1.625rem, 1.47rem + 0.66vw, 2rem);        /* 32 */
	--fs-h4: clamp(1.4375rem, 1.36rem + 0.33vw, 1.625rem);  /* 26 */
	--fs-h5: clamp(1.1875rem, 1.11rem + 0.33vw, 1.375rem);   /* 22 */
	--fs-body-main: clamp(1rem, 0.95rem + 0.22vw, 1.125rem); /* 18 */
	--fs-body-secondary: 0.9375rem;                          /* 15 */
	--fs-body-small: 0.875rem;                               /* 14 */
	--fs-label: 0.8125rem;                                   /* 13 */

	--ls-heading: -0.03em;
	--ls-body: -0.04em;
	--ls-label: -0.02em;

	/* Layout */
	--container: 1240px;
	--gutter: clamp(20px, 6.25vw, 100px); /* ≤ 90px at 1440 so a 15–17px scrollbar still leaves the full 1240px */
	--section-y: clamp(72px, 9.72vw, 140px);
	--section-y-sm: clamp(56px, 6.94vw, 100px);

	/* Shape */
	--radius-btn: 10px;
	--radius-card: 16px;
	--radius-panel: 24px;
	--radius-pill: 100px;

	/* Motion */
	--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--duration: 200ms;
}