:root {
  --shadow-sm: 0 1px 2px 0 rgba(6, 16, 39, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(6, 16, 39, 0.08), 0 2px 4px -2px rgba(6, 16, 39, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(6, 16, 39, 0.08), 0 4px 6px -4px rgba(6, 16, 39, 0.05);

  /* Lifted marketing card */
  --shadow-card: 0 18px 40px -16px rgba(6, 16, 39, 0.18);
  --shadow-panel: 0 30px 70px -30px rgba(6, 16, 39, 0.3);

  /* Glass plate — pairs with the .glass surface */
  --shadow-glass: 0 8px 30px -8px rgba(6, 16, 39, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9);

  /* Device / product-shot elevation */
  --shadow-device: 0 40px 80px -20px rgba(6, 16, 39, 0.35),
                   0 20px 40px -20px rgba(112, 80, 216, 0.35),
                   0 0 0 1px rgba(6, 16, 39, 0.06);

  /* Violet glow — primary CTA only. Not a general-purpose shadow. */
  --shadow-glow-violet: 0 0 0 1px rgba(112, 80, 216, 0.25), 0 18px 50px -12px rgba(112, 80, 216, 0.55);
  --shadow-medallion: 0 12px 30px -14px rgba(112, 80, 216, 0.45);
}