/* Midkhal layer for venue public sites (platform only): typography, shape and focus from the brand system.
   The venue's own primary colour (--brand) and logo still lead; default primary is Midkhal ink. */
:root{--display:'Noto Kufi Arabic','IBM Plex Sans Arabic',Tahoma,sans-serif;--font:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}
body{font-family:var(--font);line-height:1.7}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.3}
.btn{border-radius:8px;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(.94)}.btn:active{transform:scale(.98)}
:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(244,63,94,.35);border-radius:6px}
.powered{text-align:center;padding:10px 20px 18px}
.powered a{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.7);font-size:12px;text-decoration:none}
.powered a:hover{color:#fff}
@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation:none!important}}