/* PromoAI — Elevation tokens. Soft, low-spread shadows on near-white surfaces. */
:root {
  --shadow-xs:  0 1px 2px rgba(11, 11, 15, 0.04);
  --shadow-sm:  0 1px 3px rgba(11, 11, 15, 0.06), 0 1px 2px rgba(11, 11, 15, 0.04);
  --shadow-md:  0 4px 12px rgba(11, 11, 15, 0.06), 0 2px 4px rgba(11, 11, 15, 0.04);
  --shadow-lg:  0 12px 32px rgba(11, 11, 15, 0.08), 0 4px 8px rgba(11, 11, 15, 0.04);
  --shadow-xl:  0 24px 60px rgba(11, 11, 15, 0.12), 0 8px 16px rgba(11, 11, 15, 0.05);

  /* Blue-tinted glow for primary CTA / brand moments */
  --shadow-accent: 0 8px 24px rgba(37, 99, 235, 0.28);

  --ring-accent: 0 0 0 4px rgba(37, 99, 235, 0.14);
  --ring-focus:  0 0 0 3px rgba(37, 99, 235, 0.35);
}