:root {
  /* Phone shell: drop shadow + two hairline rings standing in for the bezel */
  --shadow-phone-dark: 0 40px 90px -20px rgba(45, 12, 80, .55),
                       0 0 0 10px #16101e, 0 0 0 11px rgba(255, 255, 255, .08);
  --shadow-phone-light: 0 40px 90px -24px rgba(96, 52, 160, .34),
                        0 0 0 10px #f3ecfd, 0 0 0 11px rgba(255, 255, 255, .85);

  --shadow-cta: 0 12px 28px -14px var(--accent-glow);
  --shadow-nav: 0 12px 26px -18px rgba(96, 52, 160, .7);
  --shadow-panel: 0 18px 40px -22px rgba(60, 30, 100, .8);
  --shadow-card: 0 16px 34px -20px rgba(96, 52, 160, .5);
  --shadow-float: 0 6px 16px -8px rgba(0, 0, 0, .45);

  /* Embroidered sticker patch — outer drop + inner bottom shade + top sheen */
  --shadow-patch: 0 6px 16px -6px rgba(0, 0, 0, .75),
                  inset 0 -4px 10px rgba(0, 0, 0, .22),
                  inset 0 2px 6px rgba(255, 255, 255, .35);

  --blur-glass: blur(14px);
  --blur-panel: blur(22px);

  /* Protection gradients — used instead of solid scrims over photography */
  --scrim-hero: linear-gradient(165deg, rgba(9,4,16,.86) 0%, rgba(9,4,16,.3) 48%, rgba(9,4,16,.92) 100%);
  --scrim-label: linear-gradient(180deg, transparent, rgba(8,4,14,.88));
  --scrim-editor: linear-gradient(180deg, rgba(8,4,14,.5) 0%, transparent 20%, transparent 56%, rgba(8,4,14,.82) 100%);
  --scrim-editor-light: linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 18%, rgba(255,255,255,0) 60%, rgba(255,255,255,.78) 100%);
}