/* Shared interaction semantics. Brand teal remains available for decoration. */
:root { --cp-brand: #09a895; --cp-action: #087f73; --cp-on-action: #fff; --cp-focus-ring: #087f73; --cp-text-muted: #52645f; --cp-target-size: 44px; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--cp-focus-ring); outline-offset: 3px; }
:where(button, input, select, summary) { touch-action: manipulation; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }