/* Design tokens for the sign-in, account, and admin pages and the sign-in emails (lib/Admin/Mail.php reads them). */
:root {
	/* Neutrals */
	--color-bg: #f5f7fa;
	--color-surface: #ffffff;
	--color-surface-muted: #f0f3f7;
	--color-border: #e1e6ed;
	--color-border-strong: #c6cdd8;
	--color-text: #1a2232;
	--color-text-muted: #566175;
	--color-text-subtle: #8892a3;
	--color-text-inverse: #ffffff;

	/* Accent */
	--color-accent: #1d5bbf;
	--color-accent-hover: #164a9e;
	--color-accent-soft: #e8f0fc;
	--color-focus: #1d5bbf;

	/* Status */
	--color-success: #157a4a;
	--color-success-soft: #e6f4ec;
	--color-danger: #b42318;
	--color-danger-soft: #fdecea;
	--color-warning: #9a5b00;
	--color-warning-soft: #fdf3e2;

	/* Overlays */
	--color-scrim: rgba(17, 24, 39, 0.45);

	/* Type */
	--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--font-size-xs: 0.75rem;
	--font-size-sm: 0.875rem;
	--font-size-md: 1rem;
	--font-size-lg: 1.125rem;
	--font-size-xl: 1.5rem;
	--font-size-2xl: 1.875rem;
	--font-size-code: 1.75rem;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 650;
	--line-height: 1.5;
	--line-height-tight: 1.25;
	--letter-spacing-caps: 0.06em;
	--letter-spacing-code: 0.18em;

	/* Space */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;

	/* Shape */
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 14px;
	--radius-pill: 999px;
	--border-width: 1px;
	--opacity-disabled: 0.55;
	--focus-ring: 0 0 0 3px var(--color-accent-soft), 0 0 0 4px var(--color-focus);

	/* Depth */
	--shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.06);
	--shadow-md: 0 4px 16px rgba(17, 24, 39, 0.08);
	--shadow-lg: 0 12px 32px rgba(17, 24, 39, 0.18);

	/* Layout */
	--topbar-height: 3.75rem;
	--content-max: 76rem;
	--control-height: 2.5rem;
	--control-height-small: 2rem;
	--auth-max: 27rem;
	--narrow-max: 28rem;
	--dialog-max: 32rem;
	--menu-min: 15rem;
	--search-width: 16rem;
	--avatar-size: 2rem;
	--qr-size: 12rem;
	--stat-min: 10rem;

	/* Email */
	--email-width: 520px;

	/* Motion */
	--transition-fast: 120ms ease;
}