/**
 * Zafigo design tokens — canonical :root variables.
 *
 * Single source of truth referenced in docs/design-tokens.md.
 * Enqueued globally by zafigo-blocks.php on both the front end and the
 * block editor so var(--zfg-primary), var(--zfg-space-m), etc. resolve in every
 * context where block CSS runs.
 */

:root {
	--zfg-font-family-heading: "Lexend", sans-serif;
	--zfg-font-family-body: "Lexend", sans-serif;
	--zfg-min-screen-width: 320px;
	--zfg-max-screen-width: 1280px;
	--zfg-primary: #92278f;
	--zfg-primary-l-1: #a550a1;
	--zfg-primary-l-2: #b974b3;
	--zfg-primary-l-3: #cb95c5;
	--zfg-primary-l-4: #debada;
	--zfg-primary-l-5: #efdcec;
	--zfg-secondary: #c297b3;
	--zfg-secondary-l-1: #cca8c0;
	--zfg-secondary-l-2: #d6b8cb;
	--zfg-secondary-l-3: #e1cad8;
	--zfg-secondary-l-4: #ebdce5;
	--zfg-secondary-l-5: #f5edf2;
	--zfg-tertiary: #14afa9;
	--zfg-tertiary-l-1: #5fbfb9;
	--zfg-tertiary-l-2: #8bd0cb;
	--zfg-tertiary-l-3: #b3dfdc;
	--zfg-tertiary-l-4: #dbf0ee;
	--zfg-dark: #333333;
	--zfg-dark-5: #1010100d;
	--zfg-dark-10: #1010101a;
	--zfg-dark-20: #10101033;
	--zfg-dark-30: #1010104d;
	--zfg-dark-40: #10101066;
	--zfg-dark-50: #10101080;
	--zfg-dark-60: #10101099;
	--zfg-dark-70: #101010b3;
	--zfg-dark-80: #101010cc;
	--zfg-dark-90: #101010e6;
	--zfg-dark-l-1: #262626;
	--zfg-dark-l-2: #3d3d3d;
	--zfg-dark-l-3: #575757;
	--zfg-dark-l-4: #707070;
	--zfg-dark-l-5: #8a8a8a;
	--zfg-dark-l-6: #a6a6a6;
	--zfg-dark-l-7: #c2c2c2;
	--zfg-dark-l-8: #e0e0e0;
	--zfg-light: #fff;
	--zfg-light-5: #ffffff0d;
	--zfg-light-10: #ffffff1a;
	--zfg-light-20: #fff3;
	--zfg-light-30: #ffffff4d;
	--zfg-light-40: #fff6;
	--zfg-light-50: #ffffff80;
	--zfg-light-60: #fff9;
	--zfg-light-70: #ffffffb3;
	--zfg-light-80: #fffc;
	--zfg-light-90: #ffffffe6;
	--zfg-grey: #f0f0f0;
	--zfg-space-4xs: clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);
	--zfg-space-3xs: clamp(0.41rem, calc(0.05vw + 0.4rem), 0.44rem);
	--zfg-space-2xs: clamp(0.51rem, calc(0.18vw + 0.48rem), 0.62rem);
	--zfg-space-xs: clamp(0.64rem, calc(0.39vw + 0.56rem), 0.88rem);
	--zfg-space-s: clamp(0.8rem, calc(0.73vw + 0.65rem), 1.24rem);
	--zfg-space-m: clamp(1rem, calc(1.25vw + 0.75rem), 1.75rem);
	--zfg-space-l: clamp(1.25rem, calc(2.04vw + 0.84rem), 2.47rem);
	--zfg-space-xl: clamp(1.56rem, calc(3.23vw + 0.92rem), 3.5rem);
	--zfg-space-2xl: clamp(1.95rem, calc(4.99vw + 0.95rem), 4.95rem);
	--zfg-space-3xl: clamp(2.44rem, calc(7.59vw + 0.92rem), 7rem);
	--zfg-space-4xl: clamp(3.05rem, calc(11.4vw + 0.77rem), 9.89rem);
	--zfg-text-2xs: clamp(0.63rem, calc(0.1vw + 0.6rem), 0.69rem);
	--zfg-text-xs: clamp(0.75rem, calc(0vw + 0.75rem), 0.75rem);
	--zfg-text-s: clamp(0.88rem, calc(0vw + 0.88rem), 0.88rem);
	--zfg-text-m: clamp(0.94rem, calc(0.1vw + 0.92rem), 1rem);
	--zfg-text-l: clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem);
	--zfg-text-xl: clamp(1.25rem, calc(0.31vw + 1.19rem), 1.44rem);
	--zfg-text-2xl: clamp(1.5rem, calc(0.42vw + 1.42rem), 1.75rem);
	--zfg-text-3xl: clamp(1.75rem, calc(0.63vw + 1.63rem), 2.13rem);
	--zfg-text-4xl: clamp(2rem, calc(0.83vw + 1.83rem), 2.5rem);
	--zfg-text-5xl: clamp(2.25rem, calc(1.25vw + 2rem), 3rem);
	--zfg-text-6xl: clamp(2.75rem, calc(1.25vw + 2.5rem), 3.5rem);
	--zfg-text-7xl: clamp(3.25rem, calc(1.88vw + 2.88rem), 4.38rem);
	--zfg-nav-menu-primary: var(--zfg-dark-l-2);
	--zfg-nav-menu-secondary: var(--zfg-dark-l-3);
	--zfg-nav-menu-border: var(--zfg-dark-l-4);
	--zfg-font-100: 100;
	--zfg-font-200: 200;
	--zfg-font-300: 300;
	--zfg-font-400: 400;
	--zfg-font-500: 500;
	--zfg-font-600: 600;
	--zfg-font-700: 700;
	--zfg-font-800: 800;
	--zfg-font-900: 900;
	--zfg-content-max-width: 1600px;
	--zfg-section-padding-inline: clamp(2.4rem, 0.014rem + 4.991vw, 8rem);
	--zfg-slider-icon: clamp(4rem, 0.444rem + 4.63vw, 6rem);
	--zfg-columns-1: repeat(1, minmax(0, 1fr));
	--zfg-columns-2: repeat(2, minmax(0, 1fr));
	--zfg-columns-3: repeat(3, minmax(0, 1fr));
	--zfg-columns-4: repeat(4, minmax(0, 1fr));
	--zfg-columns-5: repeat(5, minmax(0, 1fr));
	--zfg-columns-6: repeat(6, minmax(0, 1fr));
	--zfg-columns-7: repeat(7, minmax(0, 1fr));
	--zfg-columns-8: repeat(8, minmax(0, 1fr));
	--zfg-radius-xs: 0.25rem;
	--zfg-radius-s: 0.5rem;
	--zfg-radius-m: 1rem;
	--zfg-radius-l: 2rem;
	--zfg-radius-full: 999rem;
	--zfg-shadow-s: 0 1px 2px var(--zfg-dark);
	--zfg-shadow-m: 0 2px 10px var(--zfg-dark);
	--zfg-shadow-l: 0 5px 30px var(--zfg-dark);
}