/* ==========================================================================
   Cloak Design System — tokens
   Pulls from Elementor Site Settings (Default Kit) so a brand change in
   Elementor flows through. Fallbacks match the kit as of Oct 2026.
   ========================================================================== */
:root {
	/* Color */
	--ck-black:        var(--e-global-color-primary, #000000);
	--ck-white:        var(--e-global-color-6e65de6, #FFFFFF);
	--ck-bronze:       var(--e-global-color-accent, #A7704B);
	--ck-bronze-light: var(--e-global-color-f962c47, #C5784C);
	--ck-bronze-dark:  var(--e-global-color-3bda51c, #67391E);
	--ck-gray-100:     var(--e-global-color-secondary, #E5E5E5);
	--ck-gray-500:     var(--e-global-color-45ce199, #808080);
	--ck-text:         var(--e-global-color-text, #262626);
	--ck-alert:        var(--e-global-color-8112041, #AA1122);
	--ck-ink-900:      #0B0B0B;
	--ck-ink-800:      #141414;
	--ck-line-dark:    rgba(255, 255, 255, .12);
	--ck-line-light:   rgba(0, 0, 0, .12);

	/* Type */
	--ck-font-body:    "Lekton", ui-monospace, monospace;
	--ck-font-display: "Cloak Font", "Lekton", sans-serif;
	--ck-track-wide:   .18em;
	--ck-track-xwide:  .32em;

	/* Space, shape, motion */
	--ck-gutter:       clamp(16px, 4vw, 48px);
	--ck-section-y:    clamp(64px, 9vw, 128px);
	--ck-radius:       0px;
	--ck-ease:         cubic-bezier(.2, .7, .2, 1);
	--ck-dur:          .45s;
	--ck-header-h:     84px;
}
@media (max-width: 767px) {
	:root { --ck-header-h: 64px; }
}