/*
 * WealthArk design tokens
 * ------------------------
 * These values are the single source of truth for child-theme CSS.
 * We will mirror supported values into Divi Design Variables later.
 */

:root {
	--wa-color-navy: #0f2942;
	--wa-color-navy-deep: #071c31;
	--wa-color-gold: #c5a059;
	--wa-color-gold-light: #e6c46c;
	--wa-color-off-white: #f6f7f9;
	--wa-color-white: #ffffff;
	--wa-color-charcoal: #1e252b;
	--wa-color-muted: #64748b;
	--wa-color-border: rgba(15, 41, 66, 0.12);

	--wa-font-heading: Georgia, "Times New Roman", serif;
	--wa-font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--wa-content-width: 1180px;
	--wa-radius-small: 12px;
	--wa-radius-medium: 20px;
	--wa-radius-large: 28px;
	--wa-radius-pill: 999px;

	--wa-space-section: clamp(4.5rem, 7vw, 6.5rem);
	--wa-space-section-tight: clamp(3.25rem, 5vw, 4.5rem);
	--wa-space-card: clamp(1.4rem, 2.5vw, 2rem);

	--wa-shadow-card: 0 18px 48px rgba(15, 41, 66, 0.08);
	--wa-shadow-card-hover: 0 24px 64px rgba(15, 41, 66, 0.12);
}