body.aera-lp-page {
	--aera-lp-bg-preset-fallback: huon-grid-emerald;
}

/*
 * Huon background presets.
 *
 * Presets define only reusable backdrop variables so templates can stay focused
 * on layout and component composition.
 */

body.aera-lp-page.aera-lp-bg-preset-huon-grid-emerald,
body.aera-lp-page[data-aera-lp-bg-preset="huon-grid-emerald"] {
	--aera-lp-bg-color: #06070b;
	--aera-lp-bg-gradient:
		radial-gradient(circle at 15% 10%, rgba(95, 212, 179, 0.13), transparent 38%),
		radial-gradient(circle at 85% 22%, rgba(137, 230, 207, 0.08), transparent 42%),
		radial-gradient(circle at bottom left, rgba(255, 163, 244, 0.54), transparent 70%),
		radial-gradient(circle at bottom right, rgba(168, 158, 255, 0.61), transparent 70%),
		linear-gradient(to bottom, rgba(32, 38, 54, 0.45) 1px, transparent 1px),
		linear-gradient(to right, rgba(32, 38, 54, 0.30) 1px, transparent 1px);
	--aera-lp-bg-size: auto, auto, auto, auto, 42px 42px, 42px 42px;
}

body.aera-lp-page.aera-lp-bg-preset-huon-grid-nebula,
body.aera-lp-page[data-aera-lp-bg-preset="huon-grid-nebula"] {
	--aera-lp-bg-color: #06080f;
	--aera-lp-bg-gradient:
		linear-gradient(to bottom, rgba(32, 38, 54, 0.45) 1px, transparent 1px),
		linear-gradient(to right, rgba(32, 38, 54, 0.30) 1px, transparent 1px),
		radial-gradient(circle at 8% 10%, rgba(111, 90, 255, 0.20), transparent 36%),
		radial-gradient(circle at 85% 20%, rgba(103, 224, 206, 0.12), transparent 40%),
		linear-gradient(180deg, #070910 0%, #06080f 60%, #090d16 100%);
	--aera-lp-bg-size: 42px 42px, 42px 42px, auto, auto, auto;
}

body.aera-lp-page.aera-lp-mode-light.aera-lp-bg-preset-huon-grid-emerald,
body.aera-lp-page.aera-lp-mode-light[data-aera-lp-bg-preset="huon-grid-emerald"] {
	--aera-lp-bg-color: #faf8ff;
	--aera-lp-bg-gradient:
		radial-gradient(circle at top left, rgba(222, 173, 255, 0.05), transparent 65%),
		radial-gradient(circle at top right, rgba(153, 155, 255, 0.04), transparent 65%),
		radial-gradient(circle at bottom left, rgba(255, 163, 244, 0.07), transparent 65%),
		radial-gradient(circle at bottom right, rgba(168, 158, 255, 0.09), transparent 65%),
		linear-gradient(to bottom, rgba(180, 160, 210, 0.10) 1px, transparent 1px),
		linear-gradient(to right, rgba(180, 160, 210, 0.07) 1px, transparent 1px);
	--aera-lp-bg-size: auto, auto, auto, auto, 42px 42px, 42px 42px;
}

body.aera-lp-page.aera-lp-mode-light.aera-lp-bg-preset-huon-grid-nebula,
body.aera-lp-page.aera-lp-mode-light[data-aera-lp-bg-preset="huon-grid-nebula"] {
	--aera-lp-bg-color: #f5f7fa;
	--aera-lp-bg-gradient:
		linear-gradient(to bottom, rgba(180, 160, 210, 0.10) 1px, transparent 1px),
		linear-gradient(to right, rgba(180, 160, 210, 0.07) 1px, transparent 1px),
		radial-gradient(circle at 8% 10%, rgba(111, 90, 255, 0.06), transparent 36%),
		radial-gradient(circle at 85% 20%, rgba(103, 224, 206, 0.05), transparent 40%),
		linear-gradient(180deg, #f8fafc 0%, #f5f7fa 60%, #eef2f8 100%);
	--aera-lp-bg-size: 42px 42px, 42px 42px, auto, auto, auto;
}