@font-face {
  font-family: "Ramada";
  src: url("../fonts/ramada.woff2") format("woff2"),
       url("../fonts/ramada.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
html, body, button, input, select, textarea { font-family: "Ramada", Tahoma, sans-serif !important; }
body { background:#08090b; }
* { scrollbar-width:thin; scrollbar-color:#c9934d #111318; }
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:#111318; }
::-webkit-scrollbar-thumb { background:#c9934d; border-radius:999px; }
.no-scrollbar::-webkit-scrollbar { display:none; }
.no-scrollbar { scrollbar-width:none; }
.glass { background:rgba(16,18,22,.76); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.menu-card { transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.menu-card:hover { transform:translateY(-3px); border-color:rgba(201,147,77,.46); background:rgba(201,147,77,.055); }
.category-pill { transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease; }
.category-pill:hover { border-color:rgba(201,147,77,.45); }
.category-pill.active { background:transparent; color:#c9934d; border-color:#c9934d; box-shadow:0 8px 24px rgba(201,147,77,.16); }
.input-dark { width:100%; border:1px solid rgba(255,255,255,.1); background:#0b0d11; color:#fff; border-radius:1rem; padding:.85rem 1rem; outline:none; }
.input-dark:focus { border-color:rgba(201,147,77,.75); box-shadow:0 0 0 4px rgba(201,147,77,.1); }
.label-dark { display:block; margin-bottom:.55rem; font-size:.82rem; color:#a1a1aa; font-weight:700; }
.check-toggle { width:1.2rem; height:1.2rem; accent-color:#c9934d; }
.font-ready-indicator::after { content:"فونت Ramada"; }
.mobile-safe-bottom { padding-bottom:calc(5.5rem + env(safe-area-inset-bottom)); }
@media (min-width:640px){ .mobile-safe-bottom{padding-bottom:0;} }
body { overflow-x:hidden; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .menu-card, .category-pill { transition:none !important; }
}