/*!
 * DSI 1.0 — Compatibility alias layer (Volume IV short names).
 * Prefer --dxp-color-* / --dxp-space-* in new code.
 * Foundation + semantic sheets must load before this file.
 */

:root {
	--background: var(--dxp-color-background-canvas);
	--background-secondary: var(--dxp-color-background-subtle);
	--surface: var(--dxp-color-surface-primary);
	--surface-elevated: var(--dxp-color-surface-elevated);
	--surface-overlay: rgba(17, 24, 39, 0.82);
	--surface-glass: var(--dxp-color-surface-glass);
	--text-primary: var(--dxp-color-text-primary);
	--text-secondary: var(--dxp-color-text-secondary);
	--text-muted: var(--dxp-color-text-muted);
	--text-inverse: var(--dxp-color-text-inverse);
	--primary: var(--dxp-color-action-primary);
	--primary-strong: var(--dxp-color-action-primary-hover);
	--secondary: var(--dxp-brand-secondary);
	--accent: var(--dxp-brand-accent);
	--success: var(--dxp-color-status-success);
	--warning: var(--dxp-color-status-warning);
	--danger: var(--dxp-color-status-danger);
	--info: var(--dxp-color-status-info);
	--border: var(--dxp-color-border-default);
	--focus: var(--dxp-color-focus-ring);
	--radius: var(--dxp-radius-md);
	--radius-sm: var(--dxp-radius-sm);
	--radius-lg: var(--dxp-radius-lg);
	--shadow: var(--dxp-elevation-floating);
	--shadow-sm: var(--dxp-elevation-raised);
	--shadow-lg: var(--dxp-elevation-overlay);
	--transition: var(--dxp-motion-standard);
	--transition-fast: var(--dxp-motion-fast);
	--font-display: var(--dxp-font-display);
	--font-body: var(--dxp-font-body);
	--fs-display: var(--dxp-fs-display-section);
	--fs-h1: var(--dxp-fs-h1);
	--fs-h2: var(--dxp-fs-h2);
	--fs-h3: var(--dxp-fs-h3);
	--fs-h4: var(--dxp-fs-h4);
	--fs-body-lg: var(--dxp-fs-body-lg);
	--fs-body: var(--dxp-fs-body);
	--fs-caption: var(--dxp-fs-caption);
	--fs-legal: var(--dxp-fs-caption);
	--space-4: var(--dxp-space-1);
	--space-8: var(--dxp-space-2);
	--space-12: var(--dxp-space-3);
	--space-16: var(--dxp-space-4);
	--space-24: var(--dxp-space-5);
	--space-32: var(--dxp-space-6);
	--space-48: var(--dxp-space-7);
	--space-64: var(--dxp-space-8);
	--space-96: 6rem;
	--container-max: var(--dxp-container-max);
	--content-max: var(--dxp-content-max-width);
	--elevation-0: var(--dxp-elevation-flat);
	--elevation-1: var(--dxp-elevation-raised);
	--elevation-2: var(--dxp-elevation-floating);
	--elevation-3: var(--dxp-elevation-overlay);

	/* PE Theme 3.0 primitives */
	--flagship-night-bg: var(--dxp-color-background-canvas);
	--flagship-night-surface: var(--dxp-color-surface-primary);
	--flagship-night-elevated: var(--dxp-color-surface-elevated);
	--flagship-night-overlay: var(--surface-overlay);
	--flagship-night-border: var(--dxp-color-border-default);
	--flagship-night-glow: color-mix(in srgb, var(--primary) 28%, transparent);
	--flagship-night-glow-accent: color-mix(in srgb, var(--accent) 22%, transparent);
	--flagship-night-glass: var(--dxp-color-surface-glass);
	--flagship-night-text: var(--dxp-color-text-primary);
	--flagship-night-text-secondary: var(--dxp-color-text-secondary);
	--flagship-night-text-muted: var(--dxp-color-text-muted);
	--flagship-night-shadow: var(--dxp-elevation-floating);
	--flagship-night-shadow-sm: var(--dxp-elevation-raised);
}

.dxp-main {
	background: var(--background);
	color: var(--text-primary);
	font-family: var(--font-body);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--transition: 0.01ms;
		--transition-fast: 0.01ms;
	}
}