/* Grundzuweisungen (Farbstrategie Kap. 9 + Anwendungsregeln Kap. 10). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--font-grotesk);font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty}
a{color:var(--link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover,a:focus{color:var(--link-hover)}
body{transition:background-color .4s ease,color .4s ease}
button{font:inherit}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}

/* Ruhige Karten: kaum spürbares Anheben unter dem Zeiger (Kacheln ohne Link). */
.kachel-ruhig{transition:transform .52s var(--ease),box-shadow .52s var(--ease)}
@media (hover:hover) and (pointer:fine){.kachel-ruhig:hover{transform:translateY(-1.5px);box-shadow:0 9px 20px rgba(34,30,25,.05)}}
@media (prefers-reduced-motion: reduce){.kachel-ruhig,.kachel-ruhig:hover{transition:none;transform:none}}