/**
 * RoadTaxGuru — design tokens (Kadence-aligned baseline).
 *
 * GOVERNANCE: Primitive palette / spacing scales for bespoke components (`components.css`, marketing).
 * Editorial calculator cadence + shell widths are `--rtg-cps-*` in `_rtg-calculator-system.css` (and Road `--rtg-rtx-*` bridged).
 */
:root {
	--rtg-color-primary: #2b6cb0;
	--rtg-color-primary-dark: #215387;
	--rtg-color-text: #2d3748;
	--rtg-color-text-muted: #4a5568;
	--rtg-color-border: #e2e8f0;
	--rtg-color-surface: #ffffff;
	--rtg-color-bg: #f7fafc;
	--rtg-color-success: #28a745;
	--rtg-color-success-hover: #218838;

	--rtg-font-body: "ABeeZee", Arial, Helvetica, sans-serif;
	--rtg-font-heading: "ABeeZee", Arial, Helvetica, sans-serif;

	--rtg-space-1: 0.25rem;
	--rtg-space-2: 0.5rem;
	--rtg-space-3: 1rem;
	--rtg-space-4: 1.5rem;
	--rtg-space-5: 2rem;
	--rtg-space-6: 3rem;

	--rtg-radius-sm: 5px;
	--rtg-radius-md: 10px;
	--rtg-max-content: 1200px;

	--rtg-shadow-card: 0 4px 8px rgba(0, 0, 0, 0.1);
}