/* MenuCheck — radii, borders, shadows, motion. */
:root{
  /* Radii — the logo container is a superellipse-ish squircle; UI echoes it
     with generous, never-pill-by-default corners. Pills are reserved for
     chips, badges and the "Founding Partner" style ribbons. */
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-squircle:24%;   /* app-icon mask ratio */
  --radius-pill:999px;

  --border-width:1px; /* @kind other */
  --border-width-strong:2px; /* @kind other */
  --border-width-mark:3px; /* @kind other */   /* the logo's own stroke ratio, for outlined marks */

  /* Shadows — soft, cool-tinted, never black */
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(40,68,80,.06);
  --shadow-sm:0 2px 6px rgba(40,68,80,.08);
  --shadow-md:0 6px 18px rgba(40,68,80,.10);
  --shadow-lg:0 14px 38px rgba(40,68,80,.14);
  --shadow-card:0 2px 10px rgba(40,68,80,.07),0 0 0 1px rgba(40,68,80,.05);
  --shadow-raised:0 10px 28px rgba(40,68,80,.16);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);

  /* Protection gradient used under text sitting on food photography */
  --scrim-bottom:linear-gradient(to top,rgba(21,39,48,.82) 0%,rgba(21,39,48,.45) 42%,rgba(21,39,48,0) 100%); /* @kind other */
  --scrim-side:linear-gradient(to right,rgba(21,39,48,.75) 0%,rgba(21,39,48,0) 65%); /* @kind other */

  /* Motion */
  --ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-in:cubic-bezier(.4,0,1,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:180ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
  --press-scale:.97; /* @kind other */
}