/* Effects — layered inner/outer shadows (the "3D" feel), blur, motion. */
:root{
--blur-glass:blur(24px); /* @kind other */
--blur-glass-sm:blur(12px); /* @kind other */

/* Primary button: outer drop + inner top highlight + inner bottom core shadow */
--shadow-primary:0 8px 24px rgba(74,92,67,0.25),inset 0 2px 2px rgba(255,255,255,0.3),inset 0 -4px 4px rgba(34,48,31,0.4);
--shadow-primary-hover:0 12px 32px rgba(74,92,67,0.35),inset 0 2px 2px rgba(255,255,255,0.4),inset 0 -4px 4px rgba(34,48,31,0.4);
--shadow-primary-active:0 4px 12px rgba(74,92,67,0.2),inset 0 4px 6px rgba(34,48,31,0.5),inset 0 -1px 2px rgba(255,255,255,0.2);

--shadow-glass-button:0 4px 16px rgba(34,48,31,0.05),inset 0 2px 2px rgba(255,255,255,0.8);
--shadow-card:0 12px 40px rgba(74,92,67,0.08),inset 0 1px 2px rgba(255,255,255,0.9);
--shadow-input:inset 0 2px 6px rgba(74,92,67,0.05);
--shadow-input-focus:inset 0 2px 4px rgba(74,92,67,0.05),0 0 0 4px rgba(169,188,159,0.25);
--shadow-feedback-sage:0 4px 12px rgba(74,92,67,0.05),inset 0 2px 0 rgba(255,255,255,0.5);
--shadow-feedback-plum:0 4px 12px rgba(76,55,82,0.05),inset 0 2px 0 rgba(255,255,255,0.5);

/* Motion */
--ease-tactile:cubic-bezier(0.2,0.8,0.2,1); /* @kind other */
--dur-fast:0.2s; /* @kind other */
--motion-lift:translateY(-2px); /* @kind other */
--motion-press:translateY(2px); /* @kind other */
}