:root{
/* Radii — generous pills for CTAs and info chips, soft rectangles for cards */
--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--radius-circle:50%;

/* Shadows — soft, cool-tinted, never neutral gray */
--shadow-xs:0 1px 2px rgba(7,23,35,.08);
--shadow-sm:0 2px 8px rgba(7,23,35,.10);
--shadow-md:0 8px 24px rgba(7,23,35,.12);
--shadow-lg:0 18px 48px rgba(7,23,35,.18);
--shadow-brand:0 10px 28px rgba(24,158,219,.32);
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.35);

/* Protection gradient for text over photography (used on every hero/food card) */
--scrim-bottom:linear-gradient(to top,rgba(7,23,35,.88) 0%,rgba(7,23,35,.55) 40%,rgba(7,23,35,0) 85%); /* @kind other */
--scrim-full:linear-gradient(to top,rgba(7,23,35,.82) 0%,rgba(7,23,35,.25) 55%,rgba(7,23,35,.35) 100%); /* @kind other */

/* Glass / blur — badges floating on photography */
--glass-navy:rgba(11,32,49,.72); /* @kind color */
--glass-blur:blur(10px); /* @kind other */

/* Motion */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:220ms; /* @kind other */
--dur-slow:420ms; /* @kind other */

--border-hairline:1px solid var(--border-subtle); /* @kind other */
}