/* Design tokens — lifted from the kb-design handoff design system
   (_ds/droix-design-system-…/colors_and_type.css). Fonts are self-hosted (fonts.css). */

:root {
	/* Brand */
	--droix-green: #b0cb1f;
	--droix-green-dark: #74a401;
	--droix-green-deep: #4e6f01;
	--droix-green-soft: #6da544;
	--droix-green-tint: #f3f8dc;
	--droix-purple: #bb3da1;
	--droix-yellow: #ffda44;
	--droix-red-sale: #d80027;

	/* Text */
	--fg-1: #0b0b0b;
	--fg-2: #242421;
	--fg-3: #484848;
	--fg-4: #666666;
	--fg-5: #999999;

	/* Surfaces */
	--bg-0: #ffffff;
	--bg-1: #fcfcfc;
	--bg-2: #f8f8f8;
	--bg-3: #f6f8fa;
	--bg-4: #f0f0f0;
	--bg-dark: #11182c;

	/* Strokes */
	--stroke-1: #f0f0f0;
	--stroke-2: #eeeeee;
	--stroke-3: #d9d9d9;

	/* Semantic */
	--danger: #dc3545;
	--warning: #ffbe1e;
	--success: #6da544;
	--info: #017dc5;

	/* Radii */
	--r-xs: 4px;
	--r-sm: 8px;
	--r-md: 12px;
	--r-lg: 16px;
	--r-xl: 20px;
	--r-2xl: 30px;
	--r-3xl: 40px;
	--r-pill: 9999px;

	/* Shadows */
	--shadow-xs: 0 1px 2px rgba(17, 24, 39, 0.05);
	--shadow-sm: 0 4px 10px rgba(17, 24, 39, 0.06);
	--shadow-md: 0 12px 24px rgba(17, 24, 39, 0.08);
	--shadow-lg: 0 20px 40px rgba(17, 24, 39, 0.1);
	--shadow-pop: 0 20px 40px rgba(17, 24, 39, 0.16);
	--shadow-cta: 0 8px 20px rgba(176, 203, 31, 0.35);

	/* Type */
	--font-ui: Ubuntu, Inter, system-ui, sans-serif;
	--font-body: Inter, Ubuntu, system-ui, sans-serif;

	/* Layout */
	--wrap-max: 1400px;
	--wrap-pad: 40px;
}

@media (max-width: 1024px) {
	:root {
		--wrap-pad: 28px;
	}
}

@media (max-width: 640px) {
	:root {
		--wrap-pad: 18px;
	}
}