:root {
	--klikz-green: #75bc45;
	--klikz-green-dark: #113729;
	--klikz-chevron: #75bc45;
	--klikz-text: #1f1f1f;
	--klikz-white: #ffffff;
	--klikz-surface: #f7f8f6;
	--klikz-green-soft: #f5f9f2;
	--klikz-muted: #6b7280;
	--klikz-border: #e5e7eb;
	--klikz-focus: #4f9630;

	--klikz-topic-qa-test: #f5f9f2;
	--klikz-topic-security: #f5f7fa;
	--klikz-topic-processer: #faf8f2;
	--klikz-topic-ledelse: #f8f5fa;
	--klikz-topic-ai-teknologi: #f3f7f5;
	--klikz-topic-compliance: #f5f5ef;

	--klikz-font-heading: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--klikz-font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--klikz-container: 1180px;
	--klikz-readable: 760px;

	--klikz-space-xs: 0.5rem;
	--klikz-space-sm: 1rem;
	--klikz-space-md: 1.5rem;
	--klikz-space-lg: 2.5rem;
	--klikz-space-xl: 4.5rem;
	--klikz-space-2xl: 7rem;
	--klikz-space-fluid-section: clamp(4rem, 8vw, 5.625rem);
	--klikz-space-fluid-gap: clamp(1.25rem, 3vw, 2.5rem);

	--klikz-radius-card: 24px;
	--klikz-radius-small: 12px;
	--klikz-radius-control: 999px;
	--klikz-shadow-soft: 0 18px 50px rgb(31 31 31 / 8%);
	--klikz-shadow-subtle: 0 8px 24px rgb(31 31 31 / 6%);
	--klikz-chevron-asset: url("../img/klikz-chevron-v1.svg");
	--klikz-chevron-watermark-opacity: 0.1;
}