/* APWM Auth Pages: design tokens (works without the Elevate theme loaded) */

:root {
	--apwm-blue-500: #3e9be8;
	--apwm-blue-600: #1e7fd0;
	--apwm-blue-700: #1663a5;
	--apwm-teal-500: #25b7ac;
	--apwm-violet-500: #9b7bf0;
	--apwm-ink: #0e1726;
	--apwm-slate: #5a6b85;
	--apwm-line: #e2e8f1;
	--apwm-tint: #f5f8fc;
	--apwm-surface: #ffffff;
	--apwm-canvas: #ffffff;

	--apwm-primary: var(--apwm-blue-600);
	--apwm-text: var(--apwm-ink);
	--apwm-text-muted: var(--apwm-slate);
	--apwm-border: var(--apwm-line);
	--apwm-bg: var(--apwm-canvas);
	--apwm-bg-subtle: var(--apwm-tint);
	--apwm-card: var(--apwm-surface);

	--apwm-gradient: linear-gradient(120deg, var(--apwm-teal-500) 0%, var(--apwm-blue-500) 48%, var(--apwm-violet-500) 100%);
	--apwm-font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--apwm-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--apwm-fs-xs: 0.78rem;
	--apwm-fs-sm: 0.875rem;
	--apwm-fs-base: 1rem;
	--apwm-r-md: 10px;
	--apwm-r-lg: 16px;
	--apwm-shadow-md: 0 8px 24px -8px rgba(14, 23, 38, 0.16);
	--apwm-shadow-brand: 0 14px 34px -14px rgba(30, 127, 208, 0.55);
	--apwm-header-h: 72px;
	--apwm-ease: cubic-bezier(0.32, 0.72, 0.24, 1);
	--apwm-t-fast: 140ms;
	--apwm-t-base: 240ms;
	--apwm-gutter: clamp(1rem, 4vw, 2rem);
}

:root[data-apwm-theme="dark"] {
	--apwm-ink: #eef3fb;
	--apwm-slate: #9aa9c0;
	--apwm-line: #24314a;
	--apwm-tint: #131c2c;
	--apwm-surface: #172133;
	--apwm-canvas: #0d1522;
	--apwm-primary: var(--apwm-blue-500);
	--apwm-text: var(--apwm-ink);
	--apwm-text-muted: var(--apwm-slate);
	--apwm-border: var(--apwm-line);
	--apwm-bg: var(--apwm-canvas);
	--apwm-bg-subtle: var(--apwm-tint);
	--apwm-card: var(--apwm-surface);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-apwm-theme="light"]) {
		--apwm-ink: #eef3fb;
		--apwm-slate: #9aa9c0;
		--apwm-line: #24314a;
		--apwm-tint: #131c2c;
		--apwm-surface: #172133;
		--apwm-canvas: #0d1522;
		--apwm-primary: var(--apwm-blue-500);
		--apwm-text: var(--apwm-ink);
		--apwm-text-muted: var(--apwm-slate);
		--apwm-border: var(--apwm-line);
		--apwm-bg: var(--apwm-canvas);
		--apwm-bg-subtle: var(--apwm-tint);
		--apwm-card: var(--apwm-surface);
	}
}

.apwm-auth-page {
	font-family: var(--apwm-font-body);
}

.apwm-auth-page .apwm-container {
	width: min(100% - var(--apwm-gutter) * 2, 1200px);
	margin-inline: auto;
	padding-inline: var(--apwm-gutter);
}

.apwm-auth-page .apwm-section--auth {
	padding-block: clamp(2rem, 5vw, 3.5rem);
}

.apwm-auth-page .apwm-article--auth {
	max-width: none;
	margin-inline: auto;
}