/*
 * Tidewater Home Blocks - Design Tokens
 * CSS custom properties consumed by all tw/* blocks.
 * Do not hardcode colors/fonts/radii/shadows in block CSS - reference these.
 */
:root {
	/* Colors - brand */
	--tw-color-primary: #0E4D92;
	--tw-color-dark-navy: #1D213E;

	/* Colors - text */
	--tw-color-text-body: #31363F;
	--tw-color-text-muted: #4A4F5C;
	--tw-color-text-muted-2: #5F6572;

	/* Colors - accents */
	--tw-color-accent-light-blue: #9CC0F5;
	--tw-color-accent-pale-blue: #C5DAFA;
	--tw-color-accent-pale-violet: #C9CFE0;

	/* Colors - borders */
	--tw-color-border: #CFD4E0;
	--tw-color-border-light: #E2E5EC;

	/* Colors - backgrounds */
	--tw-color-bg-light-blue: #EDF3FC;
	--tw-color-bg-pale: #EFF1F5;
	--tw-color-bg-off-white: #F4F6FA;
	--tw-color-bg-faint: #F8F9FC;

	/* Colors - neutral grays */
	--tw-color-gray-mid: #A0A6BA;
	--tw-color-gray-light: #B4BACB;

	/* Colors - base */
	--tw-color-white: #ffffff;

	/* Colors - error state */
	--tw-color-error-text: #A3231C;
	--tw-color-error-bg: #FDECEA;

	/* Fonts */
	--tw-font-heading: 'Manrope', sans-serif;
	--tw-font-body: 'Source Sans 3', system-ui, sans-serif;

	/* Radii */
	--tw-radius-sm: 8px;
	--tw-radius-md: 13px;
	--tw-radius-lg: 17px;
	--tw-radius-pill: 100px;

	/* Shadows */
	--tw-shadow-card: 0 18px 44px rgba(29, 33, 62, 0.10);
	--tw-shadow-elevated: 0 24px 60px rgba(29, 33, 62, 0.14);
}