:root{
  /* Shadows are used sparingly — the brand leans on hairlines and paper tone.
     Anything above --shadow-raised is reserved for overlays. */
  --shadow-none:none;
  --shadow-hairline:0 0 0 1px var(--line-hairline);
  --shadow-raised:0 1px 2px rgba(30,29,27,.05),0 8px 24px -12px rgba(30,29,27,.10);
  --shadow-overlay:0 24px 60px -20px rgba(30,29,27,.35);
  --shadow-inset-hairline:inset 0 -1px 0 var(--line-hairline);
  --ring-focus:0 0 0 2px var(--paper-050),0 0 0 3.5px var(--focus-ring);
  /* protection gradient for type over photography */
  --scrim-bottom:linear-gradient(to top,rgba(30,29,27,.62) 0%,rgba(30,29,27,.28) 42%,rgba(30,29,27,0) 100%); /* @kind color */
  --scrim-full:linear-gradient(rgba(30,29,27,.46),rgba(30,29,27,.46)); /* @kind color */
  /* hero scrim — stronger, centre-weighted, so serif type stays legible on bright food photography */
  --scrim-hero:radial-gradient(120% 88% at 50% 55%,rgba(24,22,20,.84) 0%,rgba(24,22,20,.74) 50%,rgba(24,22,20,.58) 100%); /* @kind color */
  --grain-opacity:.05; /* @kind other */
}