/**
 * River Bend design tokens — DO NOT EDIT BY HAND.
 * Source: frontend/src/styles/tokens.css
 * Regenerate: npm run sync:tokens
 */

:root {
	--color-primary: #1e4620;
	--color-primary-light: #2d6630;
	--color-secondary: #e65c00;
	--color-secondary-light: #ff8533;
	--color-accent: #0284c7;
	--color-accent-light: #38bdf8;
	--color-bg-warm: #fcf9f2;
	--color-card-bg: #f5f0e1;
	--color-text-dark: #202421;
	--color-text-light: #ffffff;
	--color-gray: #71717a;
	--font-display: 'Fredoka', cursive, system-ui;
	--font-body: 'Lexend', sans-serif;
	--border-radius-sm: 8px;
	--border-radius-md: 16px;
	--border-radius-lg: 24px;
	--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
	--transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--rb-card-border: 1px solid rgba(30, 70, 32, 0.08);
}