:root{
  --shadow-0:none;
  --shadow-1:0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 4px 14px rgba(0,0,0,.35);
  --shadow-3:0 8px 32px rgba(0,0,0,.4);      /* the glass shadow — DESIGN.md §2 */
  --shadow-4:0 24px 64px rgba(0,0,0,.55);    /* dialogs */

  /* Non-negotiable: this inset top highlight is what makes a surface read as a
     physical edge catching light. Without it glass is flat translucent grey. */
  --inner-top:inset 0 1px 0 rgba(255,255,255,.06);/* @kind shadow */
  --inner-hairline:inset 0 0 0 1px rgba(255,255,255,.04);/* @kind shadow */

  /* Glow is seasoning. One CTA bloom per page; ambient washes do the rest. */
  --bloom-cta:0 0 40px rgba(59,130,246,.28);/* @kind shadow */
  --glow-accent-panel:0 0 40px rgba(59,130,246,.10);/* @kind shadow */

  --blur-glass:20px;/* @kind other */
  --blur-glass-sm:12px;/* @kind other */
  --glass-saturate:140%;/* @kind other */
  --scrim-top:linear-gradient(180deg,rgba(10,11,13,.92) 0%,rgba(10,11,13,0) 100%);/* @kind other */
  --scrim-bottom:linear-gradient(0deg,rgba(10,11,13,.94) 0%,rgba(10,11,13,0) 100%);/* @kind other */
}