/**
 * Stealth Gaming design tokens.
 *
 * Brand colours mirror the Astra global palette set in the Customizer
 * (Global → Colors); components that Astra doesn't style read them from here.
 * Fonts come from the Customizer (Inter, loaded locally by Astra).
 */

:root {
	/* Colour (approved palette). */
	--lpz-bg: var(--ast-global-color-primary, #0b0d12);
	--lpz-surface: var(--ast-global-color-secondary, #171a23);
	--lpz-surface-raised: #1e2230;
	--lpz-border: var(--ast-global-color-subtle-background, #2a2f3c);
	--lpz-border-strong: #3a4050;
	--lpz-accent: var(--ast-global-color-0, #8b5cf6);
	--lpz-accent-hover: var(--ast-global-color-1, #a78bfa);
	--lpz-accent-soft: rgb(139 92 246 / 0.16);
	--lpz-text: var(--ast-global-color-2, #f5f5f7);
	--lpz-text-muted: var(--ast-global-color-8, #9ca3af);
	--lpz-on-accent: #0b0d12;  /* 4.6:1 on accent, 7.1:1 on accent-hover. */
	--lpz-danger: #f87171;
	--lpz-header-bg: rgb(11 13 18 / 0.72);
	--lpz-overlay: rgb(5 6 10 / 0.6);

	/* Type scale for components (headings and body sizes are set in the Customizer). */
	--lpz-text-xs: 0.8125rem;
	--lpz-text-sm: 0.9375rem;
	--lpz-text-base: 1rem;
	--lpz-text-lg: 1.125rem;
	--lpz-text-xl: 1.375rem;
	--lpz-leading-snug: 1.35;
	--lpz-leading: 1.65;
	--lpz-tracking-tight: -0.02em;
	--lpz-tracking-caps: 0.12em;

	/* Spacing (4px base). */
	--lpz-space-1: 0.25rem;
	--lpz-space-2: 0.5rem;
	--lpz-space-3: 0.75rem;
	--lpz-space-4: 1rem;
	--lpz-space-5: 1.5rem;
	--lpz-space-6: 2rem;
	--lpz-space-7: 3rem;
	--lpz-space-8: 4rem;
	--lpz-space-9: 6rem;

	/* Shape, depth, motion. */
	--lpz-radius-sm: 8px;
	--lpz-radius: 12px;
	--lpz-radius-lg: 16px;
	--lpz-radius-pill: 999px;
	--lpz-shadow: 0 1px 2px rgb(0 0 0 / 0.4), 0 8px 24px rgb(0 0 0 / 0.28);
	--lpz-shadow-lift: 0 2px 4px rgb(0 0 0 / 0.4), 0 16px 40px rgb(0 0 0 / 0.35);
	--lpz-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--lpz-duration: 200ms;
	--lpz-duration-slow: 320ms;

	/* Layout. Content width is the Customizer's Container width (--ast-normal-container-width). */
	--lpz-touch: 44px;
	--lpz-gutter: 20px; /* Same side padding as Astra's header container, so all edges line up. */
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--lpz-duration: 0ms;
		--lpz-duration-slow: 0ms;
	}
}