/* Interactive states lifted out of the design's inline `style-hover` / `style-focus`
   (inline styles can't express :hover/:focus). Values match the handoff exactly. */

/* Text + nav + footer links → shift to primary on hover */
.rk-link { transition: color .2s; }
.rk-link:hover { color: var(--primary) !important; }

.rk-foot-link { transition: color .2s; }
.rk-foot-link:hover { color: var(--footer-head) !important; }

/* Primary button → darken + lift */
.rk-btn-primary { transition: background .2s, transform .2s; }
.rk-btn-primary:hover { background: var(--primary-hover) !important; transform: translateY(-2px); }

/* Secondary button → border to primary + lift */
.rk-btn-secondary { transition: border-color .2s, transform .2s; }
.rk-btn-secondary:hover { border-color: var(--primary) !important; transform: translateY(-2px); }

/* Nav download pill → hover-bg + subtle lift (-1px per design) */
.rk-btn-nav { transition: background .2s, transform .2s; }
.rk-btn-nav:hover { background: var(--primary-hover) !important; transform: translateY(-1px); }

/* Theme toggle → border to primary */
.rk-toggle { transition: border-color .2s, background .2s; }
.rk-toggle:hover { border-color: var(--primary) !important; }

/* Cards / tiles that highlight their border on hover (support cards, pricing free) */
.rk-card-hover { transition: border-color .2s; }
.rk-card-hover:hover { border-color: var(--primary) !important; }

/* White CTA buttons on dark panels → lift only */
.rk-lift { transition: transform .2s; }
.rk-lift:hover { transform: translateY(-2px); }

/* Translucent panel buttons → brighten */
.rk-fade { transition: background .2s, opacity .2s; }
.rk-fade:hover { opacity: .92; }
.rk-fade-bg { transition: background .2s; }
.rk-fade-bg:hover { background: rgba(255,255,255,.24) !important; }

/* Form fields → primary border on focus */
.rk-field { transition: border-color .2s; }
.rk-field:focus { border-color: var(--primary) !important; }