:root {
	/* Base palette - dark defaults */
	--aera-lp-accent: #86f2d2;
	--aera-lp-accent-strong: #55c9a9;
	--aera-lp-on-accent: #051017;
	--aera-lp-accent-text: #b8ffe8;
	--aera-lp-bg-gradient: radial-gradient(circle at 8% 10%, rgba(111, 90, 255, 0.2), 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-color: #06080f;
	--aera-lp-surface: #0d1119;
	--aera-lp-line: #242a38;
	--aera-lp-text: #eef3ff;
	--aera-lp-muted: #9ea8be;

	/* Card / panel tokens */
	--aera-lp-card-bg: linear-gradient(155deg, rgba(20, 25, 38, 0.82), rgba(12, 16, 25, 0.9));
	--aera-lp-card-shadow: 0 20px 40px rgba(0, 0, 0, 0.24);
	--aera-lp-card-inner-border: rgba(255, 255, 255, 0.1);

	/* Content tile tokens (features grid, proof items) */
	--aera-lp-tile-bg: rgba(6, 10, 16, 0.62);
	--aera-lp-tile-border: rgba(255, 255, 255, 0.08);
	--aera-lp-tile-text: #e2ebff;

	/* Ghost button tokens */
	--aera-lp-btn-ghost-bg: rgba(255, 255, 255, 0.03);
	--aera-lp-btn-ghost-text: #dbe6ff;
	--aera-lp-btn-ghost-border: rgba(255, 255, 255, 0.15);
	--aera-lp-btn-primary-bg: linear-gradient(
		180deg,
		color-mix(in srgb, var(--aera-lp-accent) 78%, #ffffff),
		color-mix(in srgb, var(--aera-lp-accent) 92%, #000000)
	);
	--aera-lp-btn-primary-text: var(--aera-lp-on-accent);
	--aera-lp-btn-primary-shadow: 0 10px 24px rgba(88, 230, 194, 0.3);
	--aera-lp-btn-primary-hover-opacity: 0.9;
	
	/* Form input tokens */
	--aera-lp-input-bg: rgba(9, 14, 22, 0.92);
	--aera-lp-input-border: rgba(255, 255, 255, 0.16);
	--aera-lp-input-text: #edf4ff;
	--aera-lp-input-focus-border: rgba(134, 242, 210, 0.7);
	--aera-lp-input-focus-ring: rgba(134, 242, 210, 0.14);

	/* Hero tokens */
	--aera-lp-hero-bg: #05070e;
	--aera-lp-hero-image-border: rgba(255, 255, 255, 0.15);
	--aera-lp-hero-feature-text: #d7ffef;
	--aera-lp-hero-cta-bg: linear-gradient(180deg, rgba(30, 42, 58, 0.8), rgba(11, 16, 24, 0.9));
	--aera-lp-hero-cta-border: rgba(255, 255, 255, 0.14);
	--aera-lp-hero-cta-text: #ecf4ff;

	/* Background grid overlay — combine with --aera-lp-bg-gradient for full effect */
	--aera-lp-bg-grid:
		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-grid-size: 42px 42px, 42px 42px;

	/* Shared inner content width (signup block, footer inner, other narrow panels) */
	--aera-lp-content-narrow-max-width: 760px;

	/* Typography baseline (overrides WP global styles on LP pages) */
	--aera-lp-font-size-base: 16px;
	--aera-lp-line-height-base: 1.5;
	--aera-lp-font-weight-base: 400;
	--aera-lp-letter-spacing-base: normal;

	/* Global border-radius scale */
	--aera-lp-radius: 20px;
	--aera-lp-radius-inner: 12px;
	--aera-lp-radius-control: 10px;
	--aera-lp-radius-button: 999px;

	/* Footer tokens */
	--aera-lp-footer-bg: var(--aera-lp-card-bg);
	--aera-lp-footer-brand-color: #c9d4ec;
	--aera-lp-footer-meta-color: #7d879e;
	--aera-lp-footer-font-size: 10px;
	--aera-lp-footer-line-height: 1.1;
	--aera-lp-footer-stack-gap: 4px;

	/* Legal link tokens */
	--aera-lp-legal-color: #5a6278;
	--aera-lp-legal-hover: #8a93aa;
	--aera-lp-legal-sep-color: #3e4559;

	/* Modal tokens */
	--aera-lp-modal-bg: #0e1321;
	--aera-lp-modal-border: #242a38;
	--aera-lp-modal-title: #eef3ff;
	--aera-lp-modal-text: #c4cfe8;
	--aera-lp-modal-strong: #dde6ff;
	--aera-lp-modal-section-sep: #1d2333;
	--aera-lp-modal-close-bg: rgba(255, 255, 255, 0.06);
	--aera-lp-modal-close-border: rgba(255, 255, 255, 0.1);
	--aera-lp-modal-overlay-bg: rgba(0, 0, 0, 0.72);

	/* Cookie banner tokens */
	--aera-lp-cookie-bg: rgba(10, 13, 22, 0.96);
	--aera-lp-cookie-border: #242a38;
	--aera-lp-cookie-decline-border: #3a4258;
	--aera-lp-cookie-decline-text: #7d87a0;
}

/* Light-mode overrides - applied when template sets theme_mode: light-theme */
body.aera-lp-page.aera-lp-mode-light {
	/* Base palette */
	--aera-lp-on-accent: #ffffff;
	--aera-lp-accent-text: #0e6b54;
	--aera-lp-bg-gradient: 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-color: #f5f7fa;
	--aera-lp-surface: #ffffff;
	--aera-lp-line: #d1d8e6;
	--aera-lp-text: #1a2030;
	--aera-lp-muted: #5a6580;

	/* Cards */
	--aera-lp-card-bg: linear-gradient(155deg, rgba(255, 255, 255, 0.9), rgba(240, 244, 252, 0.95));
	--aera-lp-card-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
	--aera-lp-card-inner-border: rgba(0, 0, 0, 0.08);

	/* Tiles */
	--aera-lp-tile-bg: rgba(255, 255, 255, 0.7);
	--aera-lp-tile-border: rgba(0, 0, 0, 0.08);
	--aera-lp-tile-text: #1a2030;

	/* Ghost button */
	--aera-lp-btn-ghost-bg: rgba(0, 0, 0, 0.03);
	--aera-lp-btn-ghost-text: #1a2030;
	--aera-lp-btn-ghost-border: rgba(0, 0, 0, 0.15);
	--aera-lp-btn-primary-bg: linear-gradient(
		180deg,
		color-mix(in srgb, var(--aera-lp-accent) 82%, #ffffff),
		color-mix(in srgb, var(--aera-lp-accent) 88%, #000000)
	);
	--aera-lp-btn-primary-text: var(--aera-lp-on-accent);
	--aera-lp-btn-primary-shadow: 0 10px 24px rgba(26, 32, 48, 0.16);
	--aera-lp-btn-primary-hover-opacity: 0.94;

	/* Inputs */
	--aera-lp-input-bg: rgba(255, 255, 255, 0.95);
	--aera-lp-input-border: rgba(0, 0, 0, 0.15);
	--aera-lp-input-text: #1a2030;
	--aera-lp-input-focus-border: rgba(85, 201, 169, 0.8);
	--aera-lp-input-focus-ring: rgba(85, 201, 169, 0.18);

	/* Footer */
	--aera-lp-footer-bg: var(--aera-lp-card-bg);
	--aera-lp-footer-brand-color: #1a2030;
	--aera-lp-footer-meta-color: #5a6580;

	/* Legal links */
	--aera-lp-legal-color: #7a8499;
	--aera-lp-legal-hover: #4a5268;
	--aera-lp-legal-sep-color: #b0bac8;

	/* Modal */
	--aera-lp-modal-bg: #ffffff;
	--aera-lp-modal-border: #d1d8e6;
	--aera-lp-modal-title: #1a2030;
	--aera-lp-modal-text: #3a4a62;
	--aera-lp-modal-strong: #1a2030;
	--aera-lp-modal-section-sep: #e5eaf2;
	--aera-lp-modal-close-bg: rgba(0, 0, 0, 0.05);
	--aera-lp-modal-close-border: rgba(0, 0, 0, 0.1);
	--aera-lp-modal-overlay-bg: rgba(9, 12, 20, 0.62);

	/* Cookie */
	--aera-lp-cookie-bg: rgba(255, 255, 255, 0.96);
	--aera-lp-cookie-border: #d1d8e6;
	--aera-lp-cookie-decline-border: #c0c8d8;
	--aera-lp-cookie-decline-text: #5a6580;

	/* Background grid overlay — light variant */
	--aera-lp-bg-grid:
		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);
		
	/* Hero stays intentionally dark (cinematic) - no override */
}