:root {
  --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.5);
  --shadow-modal: 0 30px 80px rgba(0, 0, 0, 0.6);
  --shadow-dropdown: 0 16px 40px rgba(0, 0, 0, 0.4);
  --shadow-btn-accent: 0 10px 30px rgba(217, 72, 90, 0.44);
  --shadow-btn-accent-hover: 0 18px 50px rgba(217, 72, 90, 0.55);
}

[data-theme="light"] {
  --shadow-card: 0 10px 36px rgba(20, 20, 30, 0.10);
  --shadow-modal: 0 22px 64px rgba(20, 20, 30, 0.16);
  --shadow-dropdown: 0 12px 32px rgba(20, 20, 30, 0.14);
  --shadow-btn-accent: 0 8px 24px rgba(20, 20, 30, 0.22);
  --shadow-btn-accent-hover: 0 14px 36px rgba(20, 20, 30, 0.30);
}