:root{
  /* Dark chrome barely uses shadow - depth comes from surface steps + hairline borders. */
  --shadow-none:none;
  --shadow-panel:0 1px 0 rgba(255,255,255,.04) inset;
  --shadow-raised:0 1px 2px rgba(0,0,0,.4);
  --shadow-modal:0 24px 64px rgba(0,0,0,.55);
  --shadow-focus:0 0 0 2px rgba(50,197,253,.45);

  /* Light surfaces (media library, marketing) use a soft single shadow. */
  --shadow-light-card:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.04);
  --shadow-light-raised:0 4px 12px rgba(16,24,40,.10);
  --shadow-light-modal:0 32px 80px rgba(16,24,40,.24);

  --blur-overlay:blur(2px); /* @kind other */
}