/* YUMMNO Design System 4.0 — tokens */
:root {
	--color-primary: #064F46;
	--color-primary-light: #A2F674;
	--color-primary-deep: #00342C;
	--color-accent-pink: #FFACE3;
	--color-accent-red: #E50626;
	--color-accent-sky: #62C5F8;
	--color-accent-grape: #4C07AB;
	--color-accent-banana: #FED945;
	--color-accent-orange: #FF8110;
	--color-bg: #FFFFFF;
	--color-bg-soft: #F6F6F6;
	--color-text: #1A1A1A;
	--color-text-soft: #5C635C;
	--color-border: #E2E6E2;
	--color-success: #1A7A3C;
	--color-error: #C31226;
	--color-warning: #B25400;
	--color-info: #1D62B4;
	--font-display: 'Gismo', 'Anton', sans-serif;
	--font-body: 'Roboto Condensed', Arial, sans-serif;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 16px;
	--space-4: 24px;
	--space-5: 32px;
	--space-6: 48px;
	--space-7: 64px;
	--space-8: 96px;
	--radius-s: 10px;
	--radius-m: 14px;
	--radius-l: 20px;
	--radius-pill: 999px;
	--shadow-card: 0 2px 8px rgba(6, 79, 70, .08);
	--shadow-hover: 0 8px 24px rgba(6, 79, 70, .14);
	--shadow-modal: 0 24px 64px rgba(0, 52, 44, .28);
	--focus-ring: 0 0 0 3px rgba(98, 197, 248, .9);
}