:root {
	--gh-color-primary: #23bcad;
	--gh-color-primary-dark: #0e8f8c;
	--gh-color-focus: #26c17f;

	--gh-color-ink: #1f2a2f;
	--gh-color-muted: #6b7280;
	--gh-color-border: #dde3e5;
	--gh-color-surface: #f7f8f8;
	--gh-color-white: #ffffff;
	--gh-color-error: #b42318;
	--gh-color-error-surface: #fff1f0;
	--gh-color-warning: #92400e;
	--gh-color-warning-surface: #fffbeb;
	--gh-color-success-surface: #ecfdf5;

	--gh-font-family: Inter, sans-serif;

	--gh-space-1: 4px;
	--gh-space-2: 8px;
	--gh-space-3: 12px;
	--gh-space-4: 16px;
	--gh-space-5: 24px;
	--gh-space-6: 32px;
	--gh-space-7: 48px;
	--gh-space-8: 64px;
	--gh-space-9: 96px;

	--gh-radius-sm: 4px;
	--gh-radius-md: 6px;

	--gh-shadow-card: 0 4px 16px rgba(15, 31, 36, 0.05);

	--gh-color-line: var(--gh-color-border);
	--gh-color-surface-muted: var(--gh-color-surface);
	--gh-color-ink-soft: var(--gh-color-muted);
	--gh-category-card-radius: 8px;

	/* Align Bootstrap's default link token with the GH colour contract. */
	--bs-link-color: var(--gh-color-primary-dark);
	--bs-link-color-rgb: 14, 143, 140;
}

a {
	color: var(--gh-color-primary-dark);
}