/* ============ Slutpolish: enhetlig känsla utan att röra färger, logga eller animationer ============ */
/* Mjuka, konsekventa övergångar på allt interaktivt */
button,a,.card,.opt,.lv,.ptab,.pcard,.shelf-nav button,.fab,.pill,.row{transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease,opacity .22s ease}
/* Tydlig men diskret fokusmarkering för tangentbord */
:focus-visible{outline:2px solid color-mix(in oklab,var(--brand) 70%,transparent);outline-offset:2px;border-radius:6px}
.ll-character:focus-visible{outline:none;box-shadow:none}
/* Kort och paneler: subtil lyftskugga vid hovring istället för bara förflyttning */
.card:hover{box-shadow:0 14px 30px -18px color-mix(in oklab,var(--cream) 45%,transparent)}
.card:active{transform:translateY(-2px) scale(.99)}
.opt:hover,.lv:hover{box-shadow:0 8px 20px -14px color-mix(in oklab,var(--cream) 40%,transparent)}
button:active{transform:scale(.97)}
/* Markering och scroll-list följer temat */
::selection{background:color-mix(in oklab,var(--brand) 30%,transparent)}
*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--cream) 30%,transparent) transparent}
/* Rundare, mjukare klickfeedback på ghost-knappar */
button.ghost:hover{border-color:color-mix(in oklab,var(--brand) 55%,transparent);color:var(--brand)}
html[data-theme="dark"] button.ghost:hover{color:color-mix(in oklab,var(--brand) 60%,var(--ink))}
/* Lugnare pulsering på pill-etagetter */
.pill{letter-spacing:.02em}
/* Bilder och figurer ska aldrig kännas kantiga */
img{user-select:none}