/* ============================================================
   Shadows & elevation — Pasör
   The app uses very soft, low-opacity black shadows (3–5%,
   ~10px blur) on cards, and a colored "glow" shadow under the
   green primary button. Dark theme uses deeper shadows.
   ============================================================ */

:root {
  /* ---- Light theme elevation ---- */
  --shadow-input: 0 4px 10px rgba(0, 0, 0, 0.03);   /* inputs, OTP */
  --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.05);    /* standard card */
  --shadow-card-lg: 0 20px 60px rgba(0, 0, 0, 0.08);/* hover / marketing */
  --shadow-nav: 0 -5px 10px rgba(0, 0, 0, 0.05);    /* bottom nav (upward) */

  /* ---- Brand glow — under the green CTA ---- */
  --shadow-primary: 0 10px 20px rgba(76, 175, 80, 0.4);
  --shadow-primary-soft: 0 8px 24px rgba(76, 175, 80, 0.3);

  /* ---- Dark theme elevation ---- */
  --shadow-dark-card: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-dark-pop: 0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-neon: 0 8px 28px rgba(0, 255, 135, 0.25);

  /* ---- FIFA card pop ---- */
  --shadow-fifa: 0 8px 32px rgba(0, 0, 0, 0.6);
}