/**
 * Design tokens: colors and typography.
 *
 * Single source of truth for the site's color palette and font stacks.
 * Every other stylesheet should reference these custom properties instead
 * of hardcoding hex values or font names, so the whole site stays visually
 * consistent as new templates/components are added.
 */

:root {
	/* Colors */
	--color-primary: #03375a;
	--color-primary-rgb: 3, 55, 90; /* same as --color-primary, for rgba() overlays */
	--color-primary-hover: #295573; /* lighter tint of primary, for hover/active states */
	--color-primary-tint: #ebeff2; /* very light tint, for subtle section backgrounds */
	--color-white: #ffffff;
	--color-text: #1a1a1a;

	/* Typography */
	--font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

	/* Spacing / shape (shared so components stay consistent) */
	--radius-base: 4px;
	--transition-base: 0.2s ease;
}