/* Melhorias de experiência para a cópia local do SlimWeb. */
:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
@font-face { font-family: Aeonik; src: url('./fontes/Aeonik/Aeonik-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Aeonik; src: url('./fontes/Aeonik/Aeonik-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
body::before { background-image: url('./images/bgpattern.svg') !important; }

/* O cartão branco da primeira dobra precisa de contraste em toda a chamada. */
.main .form .racesport,
.main .form .racesport:not(.roxo) { color: #2f2437 !important; text-shadow: none !important; }
.main .form .racesport .roxo { color: #7812b3 !important; }

.slim-skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 10000;
  transform: translateY(-180%);
  padding: .65rem 1rem;
  border-radius: 9px;
  color: #fff;
  background: #7812b3;
  font: 700 .9rem/1 Aeonik, sans-serif;
  transition: transform .2s ease;
}
.slim-skip-link:focus { transform: translateY(0); }

header, section, footer { scroll-margin-top: 104px; }
.header-glass { border-color: rgba(255,255,255,.16) !important; }
.header-glass:focus-within { border-color: rgba(255,255,255,.42) !important; }
.nav-link:focus-visible, .portal-btn:focus-visible, .hamburger-btn:focus-visible,
.mobile-nav-link:focus-visible, .app-btn:focus-visible, button:focus-visible,
a:focus-visible { outline: 3px solid #ff8f45 !important; outline-offset: 4px; }
.portal-btn { min-height: 42px; }
.mobile-menu { overscroll-behavior: contain; }

@media (max-width: 640px) {
  .header-glass { border-radius: 16px !important; }
  .slim-skip-link { top: 8px; left: 8px; }
}