@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";

:root {
  --bg-dark: #070709;
  --red-primary: #ef0712;
  --red-hover: #dc2626;
  --emerald-whatsapp: #10b981;
  --amber-rating: #fbbf24;
}

body {
  font-family: Plus Jakarta Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  background-color: var(--bg-dark);
  color: #f4f4f5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #070709;
}

::-webkit-scrollbar-thumb {
  background: #27272a;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3f3f46;
}

a {
  text-decoration: none;
  color: inherit;
}

.logo-svg {
  display: block;
  background: transparent !important;
  border: none !important;
}

header nav .nav-link {
  border: 1px solid transparent !important;
}

.nav-link.active {
  background-color: rgba(239, 7, 18, 0.25) !important;
  color: #ffffff !important;
  border: 1px solid rgba(239, 7, 18, 0.55) !important;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--red-primary);
  outline-offset: 2px;
}