/**
 * Design tokens — maps theme.json to CSS custom properties with fallbacks.
 */

:root {
	/* Colours */
	--dc-colour-bg: #FAFAF8;
	--dc-colour-surface: #FFFFFF;
	--dc-colour-text: #1A1A1A;
	--dc-colour-muted: #6B7280;
	--dc-colour-brand: #2563EB;
	--dc-colour-brand-dark: #1D4ED8;
	--dc-colour-accent: #F59E0B;
	--dc-colour-botanical: #6C9366;
	--dc-colour-success: #059669;
	--dc-colour-warning: #D97706;
	--dc-colour-error: #DC2626;
	--dc-colour-border: rgba(0, 0, 0, 0.1);
	--dc-colour-focus: #2563EB;

	/* Typography */
	--dc-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--dc-font-display: Georgia, "Times New Roman", serif;
	--dc-font-size-xs: 0.8125rem;
	--dc-font-size-sm: 0.875rem;
	--dc-font-size-base: 1.0625rem;
	--dc-font-size-lg: 1.25rem;
	--dc-font-size-xl: 1.5rem;
	--dc-font-size-2xl: 2rem;
	--dc-font-size-3xl: 2.5rem;
	--dc-line-height: 1.5;
	--dc-line-height-tight: 1.25;

	/* Spacing scale 1–12 */
	--dc-space-1: 0.25rem;
	--dc-space-2: 0.5rem;
	--dc-space-3: 0.75rem;
	--dc-space-4: 1rem;
	--dc-space-5: 1.25rem;
	--dc-space-6: 1.5rem;
	--dc-space-7: 2rem;
	--dc-space-8: 2.5rem;
	--dc-space-9: 3rem;
	--dc-space-10: 4rem;
	--dc-space-11: 5rem;
	--dc-space-12: 6rem;

	/* Radii */
	--dc-radius-sm: 4px;
	--dc-radius-md: 8px;
	--dc-radius-lg: 12px;
	--dc-radius-xl: 16px;
	--dc-radius-full: 9999px;

	/* Shadows */
	--dc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--dc-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
	--dc-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

	/* Layout */
	--dc-content-width: 720px;
	--dc-wide-width: 1280px;
	--dc-touch-target: 48px;

	/* Breakpoints (for reference in media queries) */
	--dc-bp-sm: 480px;
	--dc-bp-md: 768px;
	--dc-bp-lg: 1024px;
	--dc-bp-xl: 1280px;
	--dc-bp-2xl: 1440px;

	/* Motion */
	--dc-transition: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--dc-transition: 0ms;
	}
}