/* =====================================================================
   Hover / focus glow — CSS only. Not linked until integration.
   Cards: the orange halo strengthens; size, padding, height and position
   never change (box-shadow + border-color only). Buttons: light only.
   Builds on the existing .featured glow (0 0 7px #ff913b80, 0 0 20px #ff520842)
   and the existing `.button:hover{filter:brightness(1.08)}`.
   ===================================================================== */

.service-card,
.project-card {
  transition: box-shadow 280ms ease, border-color 280ms ease;
}
.service-card:hover,
.project-card:hover,
.project-card:has(:focus-visible) {
  border-color: rgba(255, 170, 80, .55);
  box-shadow: 0 0 8px #ff913b59, 0 0 26px #ff520838;
}
/* the featured card already glows — go one step brighter */
.service-card.featured:hover {
  border-color: var(--orange);
  box-shadow: 0 0 10px #ff913ba6, 0 0 32px #ff520866;
}

/* buttons: light only (no scale, no movement) */
.button {
  transition: filter 220ms ease, box-shadow 220ms ease;
}
.button:focus-visible { filter: brightness(1.08); }
.button-outline:hover,
.button-outline:focus-visible {
  box-shadow: 0 0 10px #ff913ba6, 0 0 28px #ff520861;
}

@media (prefers-reduced-motion: reduce) {
  .service-card, .project-card, .button { transition: none; }
}