/* ============================================================
   CONFIDE — BASE & INTERACTIVE STATES
   Hover / focus / press behaviour for component classNames.
   Motion is subtle: opacity + color shifts, tiny lifts. No bounce.
   All values reference theme.json presets/custom properties —
   see theme.json settings.color.palette and settings.custom.
   ============================================================ */

/* Links — always define, even before links exist on a page */
a { color: var(--wp--preset--color--trust-blue); text-decoration: none; }
a:hover { color: var(--wp--preset--color--blue-hero); }

/* Focus visibility — lime ring, never removed */
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: none;
  box-shadow: var(--wp--custom--focus-ring);
  border-radius: var(--wp--custom--radius--sm);
}

/* Buttons */
.confide-btn:hover:not([aria-disabled="true"]) { filter: brightness(0.94); }
.confide-btn:active:not([aria-disabled="true"]) { transform: translateY(1px); }

/* Inputs */
.confide-input::placeholder { color: var(--wp--preset--color--muted); }
.confide-input:focus {
  border-color: var(--wp--preset--color--trust-blue);
  box-shadow: var(--wp--custom--focus-ring);
}

/* Cards that behave as links — quiet, structural; no lift/bounce.
   Serious professional-services sites use borders & rules, not motion. */
.confide-service-card:hover,
.confide-pathway-card:hover {
  border-color: var(--wp--preset--color--trust-blue);
  box-shadow: var(--wp--custom--shadow--sm);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; }
}