:root {
	/* Brand */
	--wab-primary: #dc2626;
	--wab-primary-hover: #ef4444;
	--wab-primary-dark: #b91c1c;
	--wab-navy: #1b2978;
	--wab-navy-dark: #162160;
	--wab-navy-deeper: #101948;
	--wab-ink: #050818;

	/* Neutrals */
	--wab-white: #ffffff;
	--wab-gray-50: #f9fafb;
	--wab-gray-100: #f3f4f6;
	--wab-gray-200: #e5e7eb;
	--wab-gray-300: #d1d5db;
	--wab-gray-400: #9ca3af;
	--wab-gray-500: #6b7280;
	--wab-gray-600: #4b5563;
	--wab-gray-700: #374151;
	--wab-gray-800: #1f2937;
	--wab-gray-900: #111827;

	/* Typography */
	--wab-font-display: "Oswald", ui-sans-serif, system-ui, sans-serif;
	--wab-font-body: "Roboto Flex", ui-sans-serif, system-ui, sans-serif;

	/* Spacing */
	--wab-space-1: 0.25rem;
	--wab-space-2: 0.5rem;
	--wab-space-3: 0.75rem;
	--wab-space-4: 1rem;
	--wab-space-5: 1.25rem;
	--wab-space-6: 1.5rem;
	--wab-space-8: 2rem;
	--wab-space-10: 2.5rem;
	--wab-space-12: 3rem;
	--wab-space-16: 4rem;
	--wab-space-20: 5rem;
	--wab-space-24: 6rem;

	/* Radii & shadows */
	--wab-radius-sm: 0.375rem;
	--wab-radius-md: 0.5rem;
	--wab-radius-lg: 0.75rem;
	--wab-radius-xl: 1rem;
	--wab-radius-pill: 9999px;
	--wab-shadow-soft: 0 10px 30px rgba(17, 24, 39, 0.08);
	--wab-shadow-card: 0 4px 20px rgba(17, 24, 39, 0.06);

	/* Layout */
	--wab-container: 72rem;
	--wab-header-height: 5rem;
	--wab-transition: 0.2s ease;

	/* Breakpoints reference: 640 / 768 / 1024 / 1280 */
}