/**
 * dV Builder design tokens.
 */

:root {
	--dv-color-forest: var(--krysalis-color-forest, #4f5b42);
	--dv-color-forest-dark: var(--krysalis-color-forest-dark, #2f382a);
	--dv-color-sage: var(--krysalis-color-sage, #aab39b);
	--dv-color-ivory: var(--krysalis-color-ivory, #f6f3ec);
	--dv-color-surface: var(--krysalis-color-surface, #fffdf8);
	--dv-color-text: var(--krysalis-color-text, #2a2825);
	--dv-color-muted: var(--krysalis-color-muted, #5d5a54);
	--dv-color-border: var(--krysalis-color-border, #d6d0c6);
	--dv-font-body: var(--krysalis-font-body, Inter, system-ui, sans-serif);
	--dv-font-heading: var(--krysalis-font-heading, Georgia, serif);
	--dv-container: min(100% - clamp(2rem, 5vw, 4rem), 1200px);
	--dv-container-wide: 1200px;
	--dv-space-2xs: clamp(0.375rem, 0.8vw, 0.5rem);
	--dv-space-xs: clamp(0.5rem, 1vw, 0.75rem);
	--dv-space-sm: clamp(0.75rem, 1.5vw, 1rem);
	--dv-space-md: clamp(1rem, 2.5vw, 1.5rem);
	--dv-space-lg: clamp(1.5rem, 4vw, 3rem);
	--dv-space-xl: clamp(3rem, 8vw, 6rem);
	--dv-radius-sm: 6px;
	--dv-radius-md: var(--krysalis-radius, 8px);
	--dv-radius-lg: 12px;
	--dv-shadow-soft: 0 18px 42px rgba(47, 56, 42, 0.12);
	--dv-transition-fast: 160ms ease;
	--dv-transition-base: 240ms ease;
	--dv-z-base: 1;
	--dv-z-overlay: 10;
	--dv-z-controls: 20;
}