/* NO//NORMAL Brutalist - ecomm minimal styles */

:root {
  --black: #171717;
  --pink: #ff4f9a;
  --lime: #d8ff00;
}

html, body {
  font-family: "Work Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.nav-shell {
  max-width: 6xl;
  margin: 0 auto;
}

.btn-primary,
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-width: 3px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
  transition: transform 160ms ease;
}

.btn-primary {
  border-color: var(--black);
  background: var(--lime);
  color: var(--black);
  box-shadow: 6px 6px 0 var(--black);
}

.btn-secondary {
  border-color: var(--black);
  background: white;
  color: var(--black);
  box-shadow: 6px 6px 0 var(--black);
}

.btn-primary:hover,
.btn-secondary:hover {
  transform: translateY(-2px);
}

/* Hero */
.hero-shell {
  border-radius: 0px;
}