/*
 * nnl-basis fallback tokens: the NNL kit's values (Elementor kit of nationale-naturlandschaften.de,
 * exported 2026-09-22; data in tests/data/nnl-kit.json) as literals. Handle jutso-basis-tokens-fallback.
 *
 * The kit is the source of colours and typography (decision 2026-09-23). jutso-core writes the kit's
 * values as --jutso-core-* variables on ":root, body"; this file sets the same names on :root only, so the
 * kit's body declaration wins wherever the kit has the entry, and these literals apply when core,
 * Elementor or a kit entry is missing (pages keep colour and type without a kit). Exactly the
 * properties the NNL kit sets are listed, so an entry the kit leaves unset (h2 has no family) still
 * inherits. Font families are a system stack: the product ships no font (decision 2026-09-22); kit
 * or child theme set the family. Names follow the kit titles through sanitize_title(), whose
 * transliteration depends on the site locale: Hellgrüngelb → hellgruengelb on German sites,
 * hellgrungelb elsewhere. Only the locale-neutral spelling is set here, on purpose: references read
 * var(--jutso-core-color-hellgruengelb, var(--jutso-core-color-hellgrungelb, …)), so a fallback for the
 * German spelling would shadow the kit's hellgrungelb on every non-German site. Do not put a site's
 * brand values here: change the kit.
 *
 * Fluid sizes: the NNL kit stores them larger-first with a falling slope (clamp(74px, …, 32px)),
 * which CSS resolves to the first value. Here they are written smaller-first with a rising slope
 * between 480px and 1140px, clamp(mobile, …, desktop) (decision 2026-09-24).
 */

:root {
	--jutso-basis-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	/* Container width (kit: container_width) */
	--jutso-core-content-width: 1440px;

	/* Colours (kit title) */
	--jutso-core-color-primary: #CCE9F3; /* Primary */
	--jutso-core-color-secondary: #FFE37E; /* Secondary */
	--jutso-core-color-text: #111111; /* Text */
	--jutso-core-color-accent: #D093A8; /* Accent */
	--jutso-core-color-black: #111111; /* Black */
	--jutso-core-color-black85: #111111D9; /* Black85 */
	--jutso-core-color-white: #FFFFFF; /* White */
	--jutso-core-color-white85: #FFFFFFD9; /* White85 */
	--jutso-core-color-himmelblau: #CCE9F3; /* Himmelblau */
	--jutso-core-color-mittelgelb: #FFE37E; /* Mittelgelb */
	--jutso-core-color-helles-lila: #BDABC6; /* Helles Lila */
	--jutso-core-color-hellgrungelb: #B4C897; /* Hellgrüngelb */
	--jutso-core-color-hellaubergine: #D093A8; /* Hellaubergine */
	--jutso-core-color-blaugrau: #A5C5B5; /* Blaugrau */
	--jutso-core-color-hell-beige: #DCC6A3; /* Hell Beige */
	--jutso-core-color-mittelblau: #205B7D; /* Mittelblau */
	--jutso-core-color-hellorange: #F6A654; /* Hellorange */
	--jutso-core-color-violett: #83406F; /* Violett */
	--jutso-core-color-dunkelgrungelb: #446428; /* Dunkelgrüngelb */
	--jutso-core-color-aubergine: #962E45; /* Aubergine */
	--jutso-core-color-hellrot: #EC607B; /* Hellrot */
	--jutso-core-color-gelbgrun: #FCEC45; /* Gelbgrün */
	--jutso-core-color-borders: #DCDCDC; /* Borders */

	/* Typography (kit title → --jutso-core-font-{slug}-*) */
	/* Primary */
	--jutso-core-font-primary-family: var(--jutso-basis-font-system);
	--jutso-core-font-primary-weight: 600;
	/* Secondary */
	--jutso-core-font-secondary-family: var(--jutso-basis-font-system);
	--jutso-core-font-secondary-weight: 400;
	/* Text */
	--jutso-core-font-text-family: var(--jutso-basis-font-system);
	--jutso-core-font-text-size: clamp(16px, calc(1rem + ((1vw - 4.8px) * 0.3030)), 18px);
	--jutso-core-font-text-weight: 400;
	--jutso-core-font-text-letter-spacing: 0.25px;
	/* Accent */
	--jutso-core-font-accent-family: var(--jutso-basis-font-system);
	--jutso-core-font-accent-weight: 500;
	/* paragraph XS */
	--jutso-core-font-paragraph-xs-family: var(--jutso-basis-font-system);
	--jutso-core-font-paragraph-xs-size: clamp(10px, calc(0.625rem + ((1vw - 4.8px) * 0.3030)), 12px);
	--jutso-core-font-paragraph-xs-weight: 400;
	--jutso-core-font-paragraph-xs-line-height: 1.5em;
	--jutso-core-font-paragraph-xs-letter-spacing: 0.25px;
	/* paragraph S */
	--jutso-core-font-paragraph-s-family: var(--jutso-basis-font-system);
	--jutso-core-font-paragraph-s-size: clamp(12px, calc(0.75rem + ((1vw - 4.8px) * 0.6061)), 16px);
	--jutso-core-font-paragraph-s-weight: 400;
	--jutso-core-font-paragraph-s-line-height: 1.5em;
	--jutso-core-font-paragraph-s-letter-spacing: 0.25px;
	/* paragraph */
	--jutso-core-font-paragraph-family: var(--jutso-basis-font-system);
	--jutso-core-font-paragraph-size: clamp(16px, calc(1rem + ((1vw - 4.8px) * 0.3030)), 18px);
	--jutso-core-font-paragraph-weight: 400;
	--jutso-core-font-paragraph-line-height: 1.5em;
	--jutso-core-font-paragraph-letter-spacing: 0.25px;
	/* paragraph L */
	--jutso-core-font-paragraph-l-family: var(--jutso-basis-font-system);
	--jutso-core-font-paragraph-l-size: clamp(20px, calc(1.25rem + ((1vw - 4.8px) * 0.6061)), 24px);
	--jutso-core-font-paragraph-l-weight: 400;
	--jutso-core-font-paragraph-l-line-height: 1.5em;
	--jutso-core-font-paragraph-l-letter-spacing: 0px;
	/* h1 */
	--jutso-core-font-h1-family: var(--jutso-basis-font-system);
	--jutso-core-font-h1-size: clamp(32px, calc(2rem + ((1vw - 4.8px) * 6.3636)), 74px);
	--jutso-core-font-h1-weight: 700;
	--jutso-core-font-h1-line-height: 1.2em;
	--jutso-core-font-h1-letter-spacing: -0.5px;
	/* h1 alt (title-page) */
	--jutso-core-font-h1-alt-title-page-family: var(--jutso-basis-font-system);
	--jutso-core-font-h1-alt-title-page-size: clamp(28px, calc(1.75rem + ((1vw - 4.8px) * 5.1515)), 62px);
	--jutso-core-font-h1-alt-title-page-weight: 900;
	--jutso-core-font-h1-alt-title-page-line-height: 1.2em;
	--jutso-core-font-h1-alt-title-page-letter-spacing: -0.25px;
	/* h2 */
	--jutso-core-font-h2-size: clamp(24px, calc(1.5rem + ((1vw - 4.8px) * 4.2424)), 52px);
	--jutso-core-font-h2-weight: 700;
	--jutso-core-font-h2-line-height: 1.3em;
	--jutso-core-font-h2-letter-spacing: 0px;
	/* h3 */
	--jutso-core-font-h3-family: var(--jutso-basis-font-system);
	--jutso-core-font-h3-size: clamp(20px, calc(1.25rem + ((1vw - 4.8px) * 2.7273)), 38px);
	--jutso-core-font-h3-weight: 700;
	--jutso-core-font-h3-line-height: 1.2em;
	--jutso-core-font-h3-letter-spacing: -0.25px;
	/* h4 */
	--jutso-core-font-h4-family: var(--jutso-basis-font-system);
	--jutso-core-font-h4-size: clamp(18px, calc(1.125rem + ((1vw - 4.8px) * 0.9091)), 24px);
	--jutso-core-font-h4-weight: 700;
	--jutso-core-font-h4-line-height: 1.2em;
	--jutso-core-font-h4-letter-spacing: 0px;
	/* h5 */
	--jutso-core-font-h5-family: var(--jutso-basis-font-system);
	--jutso-core-font-h5-weight: 400;
	--jutso-core-font-h5-line-height: 1.2em;
	--jutso-core-font-h5-letter-spacing: 0px;
	--jutso-core-font-h5-transform: uppercase;
	/* h6 */
	--jutso-core-font-h6-family: var(--jutso-basis-font-system);
	--jutso-core-font-h6-size: clamp(14px, calc(0.875rem + ((1vw - 4.8px) * 0.3030)), 16px);
	--jutso-core-font-h6-weight: 700;
	--jutso-core-font-h6-line-height: 1.2em;
	--jutso-core-font-h6-letter-spacing: 1px;
	--jutso-core-font-h6-transform: uppercase;
	/* label */
	--jutso-core-font-label-family: var(--jutso-basis-font-system);
	--jutso-core-font-label-weight: 700;
	--jutso-core-font-label-line-height: 1em;
	--jutso-core-font-label-letter-spacing: 1.75px;
	--jutso-core-font-label-transform: uppercase;
	/* blockquote */
	--jutso-core-font-blockquote-family: var(--jutso-basis-font-system);
	--jutso-core-font-blockquote-size: clamp(20px, calc(1.25rem + ((1vw - 4.8px) * 1.8182)), 32px);
	--jutso-core-font-blockquote-weight: 400;
	--jutso-core-font-blockquote-line-height: 1.5em;
	--jutso-core-font-blockquote-letter-spacing: 0px;
	/* button */
	--jutso-core-font-button-size: clamp(16px, calc(1rem + ((1vw - 4.8px) * 0.3030)), 18px);
	--jutso-core-font-button-weight: 700;
	--jutso-core-font-button-line-height: 1em;
	--jutso-core-font-button-letter-spacing: 0px;
	/* tag */
	--jutso-core-font-tag-family: var(--jutso-basis-font-system);
	--jutso-core-font-tag-size: 14px;
	--jutso-core-font-tag-weight: 700;
	--jutso-core-font-tag-line-height: 1.5em;
	/* navigation S */
	--jutso-core-font-navigation-s-family: var(--jutso-basis-font-system);
	--jutso-core-font-navigation-s-size: clamp(14px, calc(0.875rem + ((1vw - 4.8px) * 0.3030)), 16px);
	--jutso-core-font-navigation-s-line-height: 1.5em;
	/* navigation L */
	--jutso-core-font-navigation-l-family: var(--jutso-basis-font-system);
	--jutso-core-font-navigation-l-size: clamp(16px, calc(1rem + ((1vw - 4.8px) * 0.3030)), 18px);
	--jutso-core-font-navigation-l-weight: 700;
	--jutso-core-font-navigation-l-letter-spacing: 0px;
}