/* NuttyFrutyss design tokens — doc 03. Every component reads these; never hard-code hex. */
:root {
	--nf-olive:       #4A5228;
	--nf-olive-dark:  #39401E;
	--nf-honey:       #D99A2B;
	--nf-honey-dark:  #B87F1D;
	--nf-cream:       #FAF6EE;
	--nf-sand:        #F0E7D6;
	--nf-bark:        #3B2F23;
	--nf-leaf:        #6F8F3F;
	--nf-berry:       #B23A3A;
	--nf-white:       #FFFFFF;

	/* Baloo 2 ≈ the chunky rounded wordmark in the NuttyFrutyss logo */
	--nf-font-heading: 'Baloo 2', 'Arial Rounded MT Bold', -apple-system, sans-serif;
	--nf-font-body:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--nf-radius-card:   12px;
	--nf-radius-button: 10px;
	--nf-radius-swatch: 8px;

	--nf-shadow-card:       0 2px 12px rgba(59, 47, 35, .07);
	--nf-shadow-card-hover: 0 8px 24px rgba(59, 47, 35, .12);

	--nf-transition: 200ms ease-out;
}