:root {
  --card-shadow: var(--shadow-primary);
  --card-shadow-strong: var(--shadow-primary-strong);
}

body.darkmode {
  --card-shadow: 0 20px 40px -24px rgba(4, 16, 35, 0.85);
  --card-shadow-strong: 0 20px 40px -20px rgba(4, 16, 35, 0.95);
}

.card {
  box-shadow: var(--card-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: var(--card-shadow-strong);
}