/* Brand tokens (generated; see docs/brand.md). */
@font-face {
	font-family: "Inter";
	src: url("/brand/font.woff2?v=c940764593d0fe5d") format("woff2");
	font-weight: 300 800;
	font-style: normal;
	font-display: swap;
}
:root {
	--brand-light-primary: #0067ab;
	--brand-light-primary-fg: #ffffff;
	--brand-light-accent: #0067ab;
	--brand-light-bg: #eef2f7;
	--brand-light-surface: #ffffff;
	--brand-light-fg: #10202e;
	--brand-light-muted: #55697d;
	--brand-light-border: #d7e0ea;
	--brand-light-border-strong: #6b8096;
	--brand-light-danger: #b42318;
	--brand-light-success: #067647;
	--brand-light-focus: #0067ab;
	--brand-dark-primary: #3d9ddb;
	--brand-dark-primary-fg: #0b0f14;
	--brand-dark-accent: #3d9ddb;
	--brand-dark-bg: #0b0f14;
	--brand-dark-surface: #141a21;
	--brand-dark-fg: #e6edf5;
	--brand-dark-muted: #8da2b8;
	--brand-dark-border: #263341;
	--brand-dark-border-strong: #5f7690;
	--brand-dark-danger: #f97066;
	--brand-dark-success: #47cd89;
	--brand-dark-focus: #3d9ddb;
	--brand-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--brand-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--brand-text-base: 16px;
	--brand-text-sm: 14px;
	--brand-text-lg: 18px;
	--brand-text-h1: 24px;
	--brand-text-h2: 18px;
	--brand-line-height: 1.5;
	--brand-weight-body: 400;
	--brand-weight-strong: 600;
	--brand-weight-heading: 700;
	--brand-tracking-heading: -0.02em;
	--brand-space-1: 4px;
	--brand-space-2: 8px;
	--brand-space-3: 12px;
	--brand-space-4: 16px;
	--brand-space-5: 20px;
	--brand-space-6: 24px;
	--brand-space-8: 32px;
	--brand-space-10: 40px;
	--brand-space-12: 48px;
	--brand-logo-signin: 40px;
	--brand-logo-header: 28px;
	--brand-logo-email: 30px;
	--brand-card-radius: 16px;
	--brand-card-padding: 24px;
	--brand-card-border-width: 1px;
	--brand-card-accent-rule: 3px;
	--brand-card-border: var(--brand-border);
	--brand-card-bg: var(--brand-surface);
	--brand-btn-height: 44px;
	--brand-btn-radius: 10px;
	--brand-btn-padding-x: 16px;
	--brand-btn-font-size: 16px;
	--brand-btn-font-weight: 600;
	--brand-btn-primary-bg: var(--brand-primary);
	--brand-btn-primary-fg: var(--brand-primary-fg);
	--brand-btn-primary-border: var(--brand-primary);
	--brand-btn-secondary-bg: var(--brand-surface);
	--brand-btn-secondary-fg: var(--brand-fg);
	--brand-btn-secondary-border: var(--brand-border-strong);
	--brand-input-height: 44px;
	--brand-input-radius: 10px;
	--brand-input-padding-x: 12px;
	--brand-input-font-size: 16px;
	--brand-input-border-width: 1px;
	--brand-input-border: var(--brand-border-strong);
	--brand-input-bg: var(--brand-surface);
	--brand-input-fg: var(--brand-fg);
	--brand-focus-width: 2px;
	--brand-focus-offset: 2px;
	--brand-focus-color: var(--brand-focus);
	--brand-link-color: var(--brand-primary);
	--brand-link-weight: 500;
	--brand-link-decoration: underline;
	--brand-link-underline-offset: 2px;
	--brand-primary: var(--brand-light-primary);
	--brand-primary-fg: var(--brand-light-primary-fg);
	--brand-accent: var(--brand-light-accent);
	--brand-bg: var(--brand-light-bg);
	--brand-surface: var(--brand-light-surface);
	--brand-fg: var(--brand-light-fg);
	--brand-muted: var(--brand-light-muted);
	--brand-border: var(--brand-light-border);
	--brand-border-strong: var(--brand-light-border-strong);
	--brand-danger: var(--brand-light-danger);
	--brand-success: var(--brand-light-success);
	--brand-focus: var(--brand-light-focus);
	--brand-card-shadow: 0 1px 2px rgba(16, 32, 46, 0.06);
	--brand-card-shadow-raised: 0 14px 28px -12px rgba(16, 32, 46, 0.35);
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme='light']) {
		--brand-primary: var(--brand-dark-primary);
		--brand-primary-fg: var(--brand-dark-primary-fg);
		--brand-accent: var(--brand-dark-accent);
		--brand-bg: var(--brand-dark-bg);
		--brand-surface: var(--brand-dark-surface);
		--brand-fg: var(--brand-dark-fg);
		--brand-muted: var(--brand-dark-muted);
		--brand-border: var(--brand-dark-border);
		--brand-border-strong: var(--brand-dark-border-strong);
		--brand-danger: var(--brand-dark-danger);
		--brand-success: var(--brand-dark-success);
		--brand-focus: var(--brand-dark-focus);
		--brand-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
		--brand-card-shadow-raised: 0 16px 32px -12px rgba(0, 0, 0, 0.75);
	}
}
:root[data-theme='dark'] {
	--brand-primary: var(--brand-dark-primary);
	--brand-primary-fg: var(--brand-dark-primary-fg);
	--brand-accent: var(--brand-dark-accent);
	--brand-bg: var(--brand-dark-bg);
	--brand-surface: var(--brand-dark-surface);
	--brand-fg: var(--brand-dark-fg);
	--brand-muted: var(--brand-dark-muted);
	--brand-border: var(--brand-dark-border);
	--brand-border-strong: var(--brand-dark-border-strong);
	--brand-danger: var(--brand-dark-danger);
	--brand-success: var(--brand-dark-success);
	--brand-focus: var(--brand-dark-focus);
	--brand-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	--brand-card-shadow-raised: 0 16px 32px -12px rgba(0, 0, 0, 0.75);
}
