/*
 * Growdude design tokens (palette approved 3 Oct 2026).
 * Mirror these in Elementor > Site Settings > Global Colors / Fonts so
 * Elementor widgets and theme CSS use the same values.
 */
:root {
	/* Core */
	--gd-ink:        #18240f; /* text, dark sections */
	--gd-ink-soft:   #4a5a44; /* secondary text */
	--gd-bg:         #ffffff;
	--gd-tint:       #eef3ea; /* light sections, spec boxes */
	--gd-line:       #e1e7dc; /* borders */

	/* Brand palette */
	--gd-green:      #355a20; /* primary: buttons, Classics */
	--gd-green-dark: #2b4a19; /* hover, links */
	--gd-sage:       #8cae79; /* accent, CBD */
	--gd-brown:      #594120; /* Fast outdoor */
	--gd-purple:     #582059; /* Modern & dessert */
	--gd-navy:       #204459; /* Autoflower, strain finder */

	/* Collection colours */
	--gd-col-classics:       var(--gd-green);
	--gd-col-modern-dessert: var(--gd-purple);
	--gd-col-fast-outdoor:   var(--gd-brown);
	--gd-col-autoflower:     var(--gd-navy);
	--gd-col-cbd:            var(--gd-sage);

	/* Type */
	/* Plus Jakarta Sans is used once self-hosted (Elementor > Custom Fonts); system font until then. */
	--gd-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Space, radius, shadow */
	--gd-wrap: 1280px;
	--gd-radius: 18px;
	--gd-radius-sm: 10px;
	--gd-pill: 999px;
	--gd-shadow: 0 10px 24px rgba(24, 36, 15, .14);
}