/* compiled by scssphp 1.6.0 on Thu, 20 Nov 2025 15:58:13 +0000 (0.0186s) */

:root {
  /**
     * Colors
     */
  --color-1: hsla(8, 82%, 48%, 1);
  --color-1--hover: hsla(0, 0%, 100%, 1);
  --color-1--foreground: hsla(0, 0%, 100%, 1);
  --color-1--hover--foreground: hsla(348, 100%, 7%, 1);
  --color-2: hsla(0, 0%, 100%, 1);
  --color-2--hover: hsla(8, 82%, 48%, 1);
  --color-2--foreground: hsla(8, 82%, 48%, 1);
  --color-2--hover--foreground: hsla(0, 0%, 100%, 1);
  --color-black: hsla(348, 100%, 7%, 1);
  --color-white: hsla(0, 0%, 100%, 1);
  --background: hsla(32, 32%, 92%, 1);
  --section__margin-bottom: 4rem;
  --font-family--heading: "Inter", sans-serif;
  --font-family--body: "Inter", sans-serif;
  --font-family--alt: "ZenDots", sans-serif;
  --font-weight--light: 300;
  --font-weight--regular: 400;
  --font-weight--medium: 500;
  --font-weight--semibold: 600;
  --font-weight--bold: 700;
  --heading-1__font-family: var(--font-family--alt);
  --heading-1__font-size: var( --font-size--xxxl );
  --heading-1__font-weight: var(--font-weight--regular);
  --heading-1__line-height: 1.2;
  --heading-2__font-family: var(--font-family--heading);
  --heading-2__font-size: var( --font-size--xxl );
  --heading-2__font-weight: var(--font-weight--semibold);
  --heading-2__line-height: 1.2;
  --heading-3__font-family: var(--font-family--heading);
  --heading-3__font-size: var( --font-size--lg );
  --heading-3__font-weight: var(--font-weight--semibold);
  --heading-3__line-height: 1.2;
  --heading-4__font-family: var(--font-family--heading);
  --heading-4__font-size: var( --font-size--lg );
  --heading-4__font-weight: var(--font-weight--semibold);
  --heading-4__line-height: 1.2;
  /** 
     *  Dynamic Font Size Tokens
     */
  --font-size--xxxl: clamp(
			36px,
			calc(
				36px + ((100lvw - 600px) / (1600 - 600)) * (64 - 36)
			),
			64px
		);
  --font-size--xxl: clamp(
			28px,
			calc(
				28px + ((100lvw - 600px) / (1600 - 600)) * (40 - 28)
			),
			40px
		);
  --font-size--xl: clamp(
			24px,
			calc(
				24px + ((100lvw - 600px) / (1600 - 600)) * (32 - 24)
			),
			32px
		);
  --font-size--lg: clamp(
			21px,
			calc(
				21px + ((100lvw - 600px) / (1600 - 600)) * (24 - 21)
			),
			24px
		);
  --font-size--md: clamp(
			18px,
			calc(
				18px + ((100lvw - 600px) / (1600 - 600)) * (21 - 18)
			),
			21px
		);
  --font-size--sm: clamp(
			18px,
			calc(
				18px + ((100lvw - 600px) / (1600 - 600)) * (18 - 18)
			),
			18px
		);
  --font-size--xs: clamp(
			16px,
			calc(
				16px + ((100lvw - 600px) / (1600 - 600)) * (16 - 16)
			),
			16px
		);
  --font-size--xxs: clamp(
			14px,
			calc(
				14px + ((100lvw - 600px) / (1600 - 600)) * (16 - 14)
			),
			16px
		);
  --font-size--xxxs: clamp(
			12px,
			calc(
				12px + ((100lvw - 600px) / (1600 - 600)) * (14 - 12)
			),
			14px
		);
}
@media (min-width: 48rem) {
  :root {
    --section__margin-bottom: 7rem;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fjansenmachines%2Fdomains%2Fjansenmachines.draad.dev%2Fpublic_html%2Fwp-content%2Fthemes%2Fjansenmachines%2Fsass%2Ftokens.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAoBC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */