html,body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:hover{opacity:.65}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--zlato);outline-offset:3px}
@keyframes mj-marquee{to{transform:translateX(-100%)}}
@keyframes mj-reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mj-float{50%{transform:translateY(-10px) rotate(2deg)}}

/* Leopard button texture — url resolves relative to this file, so use the class (not a var in inline styles) */
.mj-leopard{background-image:url('../assets/site/leopard-dugme-2.png');background-repeat:repeat;background-position:center}