/*
 * nnl-basis layout tokens (from nnl-child-theme assets/css/variables.css). Handle jutso-basis-tokens.
 *
 * Colours and typography are not defined here: they come from the Elementor kit through
 * jutso-core's generated stylesheet (handle jutso-core-kit-variables: --jutso-core-color-*,
 * --jutso-core-font-*-*, --jutso-core-content-width), with literal fallbacks in tokens-fallback.css.
 * A child theme overrides these tokens in its child.css with the same selector (:root, body),
 * because the body declaration below would otherwise win over a value inherited from :root.
 * ("seperator" is misspelt in the names since the original; kept for compatibility.)
 */

:root, body {
	/*
	 * Kit colours with umlauts (2.1.1): jutso-core names them by the site locale (gelbgruen on German
	 * sites, gelbgrun elsewhere), so the theme's colour schemes (inc/color-schemes.php) read these
	 * aliases, which name both spellings; the scheme value itself is limited to 80 characters by core.
	 * Declared on body as well, where the kit variables resolve (= jutso_basis_kit_color( title, hex )).
	 */
	--jutso-basis-color-hellgrungelb: var(--jutso-core-color-hellgruengelb, var(--jutso-core-color-hellgrungelb, #B4C897));
	--jutso-basis-color-dunkelgrungelb: var(--jutso-core-color-dunkelgruengelb, var(--jutso-core-color-dunkelgrungelb, #446428));
	--jutso-basis-color-gelbgrun: var(--jutso-core-color-gelbgruen, var(--jutso-core-color-gelbgrun, #FCEC45));

	/*
	 * Outer Elementor container paddings
	 * Using clamp() to set a minimum and maximum padding value
	 * the clamp calculator can be found here: https://www.marcbacon.com/tools/clamp-calculator/
	 */
	--content-padding: clamp(1.25rem, -1.429rem + 7.143vw, 5rem);

	/* Default section paddings */
	--section-padding-top: 100px;
	--section-padding-top-seperator: 200px;
	--section-padding-bottom: 100px;
	--section-padding-bottom-seperator: 200px;
	--section-padding-top-tablet: 48px;
	--section-padding-top-seperator-tablet: 160px;
	--section-padding-bottom-tablet: 48px;
	--section-padding-bottom-seperator-tablet: 160px;
	--section-padding-top-mobile: 48px;
	--section-padding-top-seperator-mobile: calc(15vw + 48px);
	--section-padding-bottom-mobile: 48px;
	--section-padding-bottom-seperator-mobile: calc(15vw + 48px);

	/*
	 * Kit colours with fallbacks (decision 2026-09-24): the kit entries "Selection", "Selection Text"
	 * and "Menu Trigger" set them; without them the primary colour, the text colour and the NNL blue.
	 */
	--jutso-core-selection-color: var(--jutso-core-color-selection, var(--jutso-core-color-primary));
	--jutso-basis-selection-text-color: var(--jutso-core-color-selection-text, var(--jutso-core-color-text));
	--jutso-basis-menu-trigger-color: var(--jutso-core-color-menu-trigger, #CCE9F3);
}