/*
 * BOMBAB brand tokens — see BOMBAB_Grafisk Manual.
 * Headings: Montserrat Black/ExtraBold. Body: Inter (open substitute for the
 * licensed Proxima Nova named in the manual — swap the @font-face src below
 * if real Proxima Nova files become available).
 */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/Montserrat-ExtraBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/Montserrat-Black.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/Inter-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Inter-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/Inter-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Inter-Italic.woff2') format('woff2');
}

:root {
  --bombab-pink: #FF6E83;
  --bombab-pink-dark: color-mix(in srgb, #FF6E83 80%, black);
  --bombab-beige: #DAD1C2;
  --bombab-olive: #7B7C6A;
  --bombab-olive-dark: color-mix(in srgb, #7B7C6A 75%, black);
  --bombab-gray: #575555;
  --bombab-dark: #262626;
  --bombab-black: #0D0D0D;

  --bombab-font-heading: 'Montserrat', sans-serif;
  --bombab-font-body: 'Inter', sans-serif;
}

body {
  font-family: var(--bombab-font-body);
  color: var(--bombab-dark);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bombab-font-heading);
  font-weight: 800;
}

.bombab-logo-navbar {
  width: 150px;
}

/*
 * Bootstrap brand overrides
 */

a {
  color: var(--bombab-olive-dark);
}

a:hover,
a:focus {
  color: var(--bombab-black);
}

.navbar.bg-dark {
  background-color: var(--bombab-dark) !important;
}

.btn-primary {
  color: #fff;
  background-color: var(--bombab-olive);
  border-color: var(--bombab-olive);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--bombab-olive-dark);
  border-color: var(--bombab-olive-dark);
}

.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--bombab-olive) 50%, transparent);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--bombab-olive-dark);
  border-color: var(--bombab-olive-dark);
}

.btn-outline-primary {
  color: var(--bombab-olive);
  border-color: var(--bombab-olive);
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--bombab-olive);
  border-color: var(--bombab-olive);
}

.bg-primary {
  background-color: var(--bombab-olive) !important;
}

.text-primary {
  color: var(--bombab-olive-dark) !important;
}

.badge-primary {
  color: #fff;
  background-color: var(--bombab-olive);
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.navbar-dark .navbar-nav .nav-item.active .nav-link {
  color: var(--bombab-pink) !important;
}

.page-item.active .page-link {
  background-color: var(--bombab-olive);
  border-color: var(--bombab-olive);
}

.form-control:focus {
  border-color: var(--bombab-olive);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--bombab-olive) 25%, transparent);
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--bombab-olive);
  background-color: var(--bombab-olive);
}