@font-face {
  font-family: Amiri;
  src: url('/assets/Amiri-Regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: Noto;
  src: url('/assets/NotoSansArabic.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --paper: #f8f3e9;
  --paper-deep: #eee5d5;
  --ink: #123f37;
  --green: #063e36;
  --green-dark: #032f2a;
  --muted: #666e62;
  --gold: #bd8c36;
  --gold-ink: #8b652b;
  --line: #ded4bf;
  --max: 1180px;
}
.brand-logo { display: block; object-fit: contain; }
.skip-link { position: absolute; top: -100px; right: 20px; z-index: 30; padding: 10px 20px; background: var(--green); color: var(--paper); }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--gold-ink); outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}