/* Design tokens: minimal CSS variables for foundation (no admin-configured token system). */
:root {
	--logodom-color-bg: #ffffff;
	--logodom-color-text: #2f396e;
	--logodom-color-text-muted: #5c5c5c;
	--logodom-color-accent: #2563eb;
	--logodom-color-accent-hover: #1d4ed8;
	/* Default body text links — same contract as footer bar nav (foundation `a`) */
	--logodom-link-color: var(--logodom-color-text);
	--logodom-link-color-hover: #9933ff;
	--logodom-link-text-decoration: none;
	--logodom-link-text-decoration-hover: underline;
	/* LD_ContentsLink marker + LD_ContentsSections list link hover (theme-blocks.css) */
	--logodom-color-contents-marker-hover: #9933ff;
	--logodom-color-contents-list-link-hover: var(--logodom-color-contents-marker-hover);
	--logodom-color-cta: #2563eb;
	--logodom-color-cta-hover: #1d4ed8;
	/* MLTR / Bottom CTA landing chrome — same as logodom-2 --ld-color-landing-cta */
	--logodom-color-landing-cta: #ff7096;
	--logodom-color-border: #e5e7eb;
	--logodom-color-surface: #f9fafb;
	--logodom-radius-sm: 4px;
	--logodom-radius-md: 8px;
	--logodom-space-1: 0.25rem;
	--logodom-space-2: 0.5rem;
	--logodom-space-3: 1rem;
	--logodom-space-4: 1.5rem;
	--logodom-space-5: 2rem;
	--logodom-space-6: 3rem;
	--logodom-max-width: 72rem;
	--logodom-font-sans: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	/* Base typography scale (foundation); headings override on h1–h4 */
	--logodom-font-size-body: 20px;
	--logodom-font-size-h1: 34px;
	--logodom-font-size-h2: 30px;
	--logodom-font-size-h3: 27px;
	--logodom-font-size-h4: 24px;
	--logodom-line-height: 1.5;
	--logodom-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.35);
	--logodom-z-drawer: 1000;
	--logodom-z-modal: 100000;
	--logodom-header-sticky-offset: 0px;
	/* Prototype shell (legacy landing header reference) */
	--logodom-color-header-text: #2f396e;
	--logodom-color-header-accent: #2aaae2;
	--logodom-color-header-nav-hover-bg: #f0f0f0;
	--logodom-color-header-pill-bg: #f5f5f5;
	--logodom-color-header-pill-border: #cccccc;
	--logodom-color-header-pill-hover-bg: #e0e0e0;
	--logodom-shell-header-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	--logodom-shell-backdrop: rgba(15, 23, 42, 0.35);
	--logodom-drawer-width: min(340px, 90vw);
	--logodom-focus-ring-header: 0 0 0 3px rgba(47, 57, 110, 0.25);
	/* Block section backgrounds (LD_MediaLeft palette + shared UI tints — same hex, one source) */
	--logodom-color-palette-accent-bg: #eff6ff;
	--logodom-color-palette-brand-bg: #f0f4ff;
}