:root{
  /* Neutral elevation */
  --shadow-xs:0 1px 2px rgba(15,23,42,.05);
  --shadow-sm:0 1px 3px rgba(15,23,42,.08);
  --shadow-card:0 12px 32px rgba(0,0,0,.08);
  --shadow-card-hover:0 20px 48px rgba(0,0,0,.14);
  --shadow-lg:0 10px 30px -10px rgba(15,23,42,.20);
  --shadow-xl:0 20px 45px -20px rgba(15,23,42,.25);
  --shadow-modal:0 30px 80px -20px rgba(0,0,0,.55);
  --shadow-sheet:0 -24px 56px -24px rgba(10,14,28,.20);

  /* Brand-tinted elevation — the signature "red glow" under CTAs */
  --shadow-brand:0 10px 40px -10px rgba(194,32,74,.30);
  --shadow-cta:0 10px 32px rgba(240,45,57,.45),0 2px 8px rgba(240,45,57,.25);
  --shadow-cta-hover:0 14px 40px rgba(240,45,57,.55),0 4px 12px rgba(240,45,57,.30);
  --shadow-cta-blue:0 10px 32px rgba(37,99,235,.45),0 2px 8px rgba(37,99,235,.25);

  /* Glass */
  --glass-bg:rgba(255,255,255,.80); /* @kind other */
  --glass-bg-dark:rgba(255,255,255,.08); /* @kind other */
  --glass-border:rgba(255,255,255,.20); /* @kind other */
  --glass-blur:blur(24px); /* @kind other */
  --glass-blur-sm:blur(10px); /* @kind other */

  /* Text protection over photography */
  --text-shadow-hero:0 2px 16px rgba(0,0,0,.45),0 1px 4px rgba(0,0,0,.35),0 0 1px rgba(0,0,0,.30); /* @kind other */
}