/* AI WORKS — Elevation / shadow tokens
 * §6 — cards use a 3-layer stack (inner + outer + glow). No borders.
 */

:root {
  /* Base outer shadows */
  --shadow-sm: 0 1px 2px rgba(27, 37, 89, 0.06);
  --shadow-md:
    0 4px 12px rgba(27, 37, 89, 0.06),
    0 1px 3px rgba(27, 37, 89, 0.04);
  --shadow-lg:
    0 12px 32px rgba(27, 37, 89, 0.10),
    0 4px 10px rgba(27, 37, 89, 0.05);
  --shadow-xl:
    0 24px 48px rgba(27, 37, 89, 0.14),
    0 8px 16px rgba(27, 37, 89, 0.06);

  /* Card composite — 3 layers per spec */
  --shadow-card:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 8px 24px rgba(27, 37, 89, 0.08),
    0 2px 6px rgba(27, 37, 89, 0.05);

  --shadow-card-hover:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 18px 40px rgba(27, 37, 89, 0.14),
    0 4px 12px rgba(167, 139, 250, 0.18);

  /* CTA */
  --shadow-cta:
    0 8px 20px rgba(249, 115, 22, 0.30),
    0 2px 4px rgba(234, 88, 12, 0.20);
  --shadow-cta-hover:
    0 14px 32px rgba(249, 115, 22, 0.40),
    0 4px 8px rgba(234, 88, 12, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.30);

  /* Glow accents */
  --glow-lavender: 0 0 32px rgba(167, 139, 250, 0.25);
  --glow-orange: 0 0 24px rgba(249, 115, 22, 0.28);
}