/* ============================================================
   global.css — Reset, base element defaults, brand motif
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  line-height:1.55;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}

:focus-visible{outline:2px solid var(--mauve);outline-offset:3px;border-radius:var(--radius-sm);}
header :focus-visible{outline-color:var(--white);}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:var(--z-overlay);
  background:var(--white);color:var(--wine);padding:12px 18px;font-weight:700;font-size:14px;
}
.skip-link:focus{left:12px;top:12px;}

/* Chevron brand motif — reused across hero, cards, footer */
.chev{display:inline-flex;gap:2px;}
.chev span{
  display:inline-block;
  width:0;height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:7px solid currentColor;
  opacity:0.5;
}
.chev span:nth-child(2){opacity:0.75;}
.chev span:nth-child(3){opacity:1;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
}

/* Arabic RTL support (scaffold for /ar/ pages via Weglot, added 2026-09-13) */
html[lang="ar"]{direction:rtl;}
html[lang="ar"] body{direction:rtl;text-align:right;}