:root{
  --black:#000000;
  --deep:#3D0000;
  --wine:#950101;
  --red:#FF0000;

  --bg:#ffffff;
  --surface:#f7f8fa;
  --surface-2:#ffffff;
  --border:#e6e7ea;

  --text:#121212;
  --muted:#6b6f75;

  --hero-image: url('/assets/img/hero-banner.jpg');
}

.font-body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.font-head{ font-family: Manrope, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.visually-hidden{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

@media (min-width: 1024px){
  .dd:hover > .dd-menu{ display:block; }
  .dd-sub:hover > .dd-submenu{ display:block; }
}

.dd-submenu{
  top: 0;
  right: 100%;
}

section[id]{ scroll-margin-top: 132px; }

dialog::backdrop{ background: rgba(0,0,0,.55); }