/* Every shadow is a soft, low-opacity drop — no coloured glows, no inset
   shadows, no neumorphism. Transcribed from the SwiftUI .shadow() calls, plus
   two hue-tinted button shadows: a blue button casting a grey shadow looks
   detached on warm beige, so the shadow carries a little of the fill's own hue. */
:root{
  --shadow-card:0 1px 3px rgba(0,0,0,.12);        /* .shadow(radius:3) on a feed card */
  --shadow-subtle:0 1px 4px rgba(0,0,0,.05);      /* streak counter */
  --shadow-button:0 2px 4px rgba(0,0,0,.08);      /* neutral / quiet buttons */
  --shadow-button-blue:0 2px 10px rgba(74,135,166,.28);  /* primary action */
  --shadow-button-ink:0 2px 10px rgba(0,0,0,.22);        /* commit action */
  --shadow-button-red:0 2px 10px rgba(179,63,44,.26);    /* destructive action */
  --shadow-raised:0 2px 8px rgba(0,0,0,.06);      /* drawing toolbar */
  --shadow-cta:0 2px 8px rgba(0,0,0,.05);         /* upgrade / prompt CTA cards */
  --shadow-thumb:0 2px 6px rgba(0,0,0,.06);       /* history grid thumbnail */
  --shadow-overlay:0 3px 10px rgba(0,0,0,.12);    /* floating colour spectrum */
  --shadow-web:0 20px 25px -5px rgba(0,0,0,.1);   /* drop-shadow-xl on LP phone art */
}