/* Keep this cross-product foundation semantically aligned across Dreamtain frontends until package extraction. */
:root {
	color-scheme: light;
	--font-family: 'Rethink Sans Variable', Arial, Helvetica, sans-serif;
	--brand-logo-navy: #000044;
	--brand-logo-cyan: #00acc1;
	--brand-interface: #000a56;
	--brand-editorial: #071149;
	--brand-accent: #007b8e;
	--surface-page: #fcfcfa;
	--surface-workspace: #f6f6f6;
	--surface-subtle: #f2f6f4;
	--surface-accent-subtle: #eefafa;
	--surface-card: #ffffff;
	--text-primary: #18202a;
	--text-secondary: #59636a;
	--text-inverse: #ffffff;
	--text-inverse-secondary: #bdc5d8;
	--text-inverse-muted: #929db9;
	--text-inverse-accent: #69dce5;
	--border-default: #dfe4e3;
	--border-control: #858f92;
	--border-accent-subtle: #bee5e7;
	--border-inverse-subtle: rgb(255 255 255 / 0.12);
	--link-default: #000a56;
	--action-primary-hover: #1a2366;
	--action-secondary-hover: #f4f5fb;
	--status-success: #137a57;
	--status-success-surface: #e3f4eb;
	--status-warning: #805000;
	--status-warning-surface: #fff1d5;
	--status-danger: #982531;
	--status-danger-surface: #fde8e8;
	--status-info: #155e75;
	--status-info-surface: #e1f1f4;
	--focus-gap: #ffffff;
	--font-size-caption: 12px;
	--font-size-compact: 13px;
	--font-size-ui: 14px;
	--font-size-body: 16px;
	--font-size-lead: 18px;
	--font-size-surface-title: 21px;
	--font-size-card-title: 24px;
	--font-size-page-title: 32px;
	--line-height-caption: 16px;
	--line-height-compact: 20px;
	--line-height-body: 24px;
	--line-height-lead: 28px;
	--line-height-surface-title: 28px;
	--line-height-card-title: 32px;
	--line-height-page-title: 40px;
	--line-height-reading: 1.7;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--letter-spacing-display: -0.04em;
	--letter-spacing-label: 0.12em;
	--letter-spacing-status: 0.08em;
	--radius-control: 6px;
	--radius-surface: 8px;
	--radius-frame: 12px;
	--shadow-raised: 0 10px 28px rgb(7 17 73 / 0.07);
	--shadow-overlay: 0 24px 60px rgb(7 17 73 / 0.11);
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;
	--space-20: 80px;
	--space-24: 96px;
	--surface-padding: var(--space-5);
	--surface-padding-compact: var(--space-4);
	--control-height: 44px;
	--control-height-roomy: 48px;
}