/* ============================================================
   Concierge Veterinary Hospital of Naples — Design System
   Global entry point. Consumers link THIS file only.
   ============================================================ */

@import url("./tokens/fonts.css");
@import url("./tokens/colors.css");
@import url("./tokens/typography.css");
@import url("./tokens/spacing.css");
@import url("./tokens/effects.css");
@import url("./tokens/base.css");

/* ============================================================
   Global card hover — lift + gold border + icon flourish.
   Add class="cc-card" to any content card; class="cc-card-ic"
   to an inner icon to make it scale/tilt on hover.
   ============================================================ */
.cc-card {
  transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, border-color .4s ease, background .4s ease;
  will-change: transform;
}
.cc-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 22px 48px -24px rgba(60,20,30,.45);
  border-color: var(--gold-400);
}
.cc-card-ic {
  transition: transform .45s cubic-bezier(.22,1,.36,1), background .4s ease, color .35s ease;
}
.cc-card:hover .cc-card-ic {
  transform: scale(1.1) rotate(-5deg);
}
@media (prefers-reduced-motion: reduce) {
  .cc-card, .cc-card-ic { transition: none !important; }
  .cc-card:hover, .cc-card:hover .cc-card-ic { transform: none !important; }
}