:root {
	--bs-primary: var(--tb-brand);
	--bs-primary-rgb: var(--tb-brand-rgb);

	/* fixed accents: headings, footer, landing and premium */
	--tb-navy: #010351; /* old: #010483 */
	--tb-navy-rgb: 1, 3, 81;
	--tb-mint: #1acc8d;
	--tb-mint-light: #34e5a6;
	--tb-premium-start: #5545bc;
	--tb-premium-end: #1130c4;
	--tb-premium-gold: #ffd700;

	/* brand */
	--tb-brand: #3861b1; /* old: #010483 */
	--tb-brand-rgb: 56, 97, 177; /* old: 1, 4, 131 */
	--tb-brand-dark: #2e4d8f;
	--tb-brand-text: #3861b1;
	--tb-brand-soft: #ebeff7;
	--tb-brand-soft-2: #e0e6f3;
	--tb-brand-ink: #243c6f;

	/* action colours: each action type keeps its colour on every screen */
	--tb-green: #28a745;
	--tb-blue: #007bff;
	--tb-teal: #17a2b8;
	--tb-orange: #e39a1c;
	--tb-dark: #3d3d3d;
	--tb-excel: #1d6f42;
	--tb-red: #dc3545;
	--tb-grey: #6c757d;
	--tb-slate: #5b6b82;
	--tb-purple: #8e44ad;

	/* surfaces and text */
	--tb-surface: #ffffff;
	--tb-surface-alt: #f7f9fc;
	--tb-surface-warm: #eef2fa;
	--tb-border: #ede4d2;
	--tb-border-cool: #d9dee3;
	--tb-text: #2e2a22;
	--tb-text-soft: #41484f;
	--tb-muted: #8a8272;

	/* shape */
	--tb-radius-sm: 8px;
	--tb-radius: 10px;
	--tb-radius-lg: 14px;
	--tb-radius-pill: 999px;

	/* depth */
	--tb-shadow: 0 1px 2px rgba(46, 42, 34, 0.06), 0 8px 20px -8px rgba(46, 42, 34, 0.12);
	--tb-shadow-btn: 0 2px 6px rgba(0, 0, 0, 0.12);
	--tb-shadow-hover: 0 5px 14px rgba(0, 0, 0, 0.18);
	--tb-focus-ring: 0 0 0 0.2rem rgba(var(--tb-brand-rgb), 0.35);

	/* rhythm */
	--tb-gap: 12px;
	--tb-action-h: 58px;
	--tb-transition: 0.15s ease;
}