:root {
  --brand-bg: #18D9D9;
  /* trap primary by default */
  --brand-btn-fg: #ffffff;
  --brand-accent: #198754;
  /* success */
  --brand-muted: #f8f9fa;
  --brand-text: #212529;
  --brand-logo-height: 90px;
}

/* Easy theming: override the variables above */
body {
  background: var(--brand-muted);
  font-family: 'Montserrat', sans-serif;
  color: var(--brand-text);
}

.navbar-brand img {
  height: var(--brand-logo-height);
  margin-bottom: 0;
}

.navbar-title {
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #ffffff;
  display: inline-block;
}

.navbar-model {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  margin-top: 0.15rem;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-brand {
  color: #ffffff;
}

.navbar-dark .btn-outline-primary {
  color: var(--brand-bg);
  border-color: var(--brand-bg);
}

.navbar-dark .btn-outline-primary:hover,
.navbar-dark .btn-outline-primary:focus {
  color: #ffffff;
  background-color: var(--brand-bg);
  border-color: var(--brand-bg);
}

.navbar-dark .btn-outline-secondary {
  color: var(--brand-muted);
  border-color: var(--brand-muted);
}

.navbar-dark .btn-outline-secondary:hover,
.navbar-dark .btn-outline-secondary:focus {
  color: #000000;
  background-color: var(--brand-muted);
  border-color: var(--brand-muted);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
  color: var(--brand-text);
}

.card {
  border-radius: 1rem;
}

.btn-brand {
  background: var(--brand-bg);
  color: var(--brand-btn-fg);
  border: none;
}

.btn-brand:hover {
  opacity: .9;
}

.badge-store {
  font-size: .8rem;
}

.btn-primary {
  background-color: var(--brand-bg);
  border-color: var(--brand-bg);
  color: var(--brand-btn-fg);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #12bcbc;
  border-color: #12bcbc;
  color: var(--brand-btn-fg);
}