:root {
	--b360-color-brand: #0b1f3a;
	--b360-color-brand-strong: #07162a;
	--b360-color-brand-soft: #173f69;
	--b360-color-accent: #c5283d;
	--b360-color-accent-strong: #a8192e;
	--b360-color-link: #075cab;
	--b360-color-text: #172033;
	--b360-color-heading: #0d1b2a;
	--b360-color-muted: #5a6677;
	--b360-color-surface: #ffffff;
	--b360-color-subtle: #f3f6f9;
	--b360-color-highlight: #eef4f9;
	--b360-color-border: #d7dee7;
	--b360-color-focus: #0a66c2;
	--b360-color-positive: #16705a;

	--b360-space-1: 4px;
	--b360-space-2: 8px;
	--b360-space-3: 12px;
	--b360-space-4: 16px;
	--b360-space-6: 24px;
	--b360-space-8: 32px;
	--b360-space-12: 48px;
	--b360-space-16: 64px;
	--b360-space-20: 80px;

	--b360-content-max-width: 1280px;
	--b360-reading-max-width: 760px;
	--b360-gutter-mobile: 16px;
	--b360-gutter-tablet: 24px;
	--b360-gutter-desktop: 32px;

	--b360-radius-small: 3px;
	--b360-radius-medium: 6px;
	--b360-radius-large: 10px;
	--b360-shadow-card: 0 12px 34px rgba(11, 31, 58, 0.08);
	--b360-shadow-raised: 0 18px 48px rgba(11, 31, 58, 0.14);
	--b360-transition: 180ms ease;
	--b360-focus-ring: 0 0 0 3px var(--b360-color-focus);
}