/* Set root font size to 14px so all rem values in the design system compute correctly.
   Bootstrap 4 defaults html to 16px — this override aligns rem to the 14px design base. */
html {
    font-size: 14px;
}

body {
    margin: 0;
    font-family: "Montserrat", Helvetica, Arial, serif;
    font-size: 1rem; /* 14px */
    font-weight: 400;
    line-height: 1.45;
    color: #6e6b7b;
    text-align: left;
    background-color: #f8f8f8;
}

:root {
  --drapp-primary: #32BCAD;
}

/* Brand color override */
.btn-primary {
  background-color: var(--drapp-primary) !important; /* Drapp purple */
  border-color: var(--drapp-primary) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--drapp-primary) !important;
  border-color: var(--drapp-primary) !important;
  color: #fff !important;
}

/* Utility classes */
.bg-primary {
  background-color: var(--drapp-primary) !important;
}

.text-primary {
  color: var(--drapp-primary) !important;
}

.border-primary {
  border-color: var(--drapp-primary) !important;
}

/* Bootstrap 5 removed .badge-primary — map to .text-bg-* pattern */
.badge-primary {
  background-color: var(--drapp-primary) !important;
  color: #fff !important;
}

.alert-primary {
  background-color: #32bcaccd !important;
  border-color: var(--drapp-primary) !important;
  color: #4b0082 !important;
}

a:focus {
    outline: none;
}

a {
    color: #32BCAD;
    text-decoration: none;
    background-color: transparent;
}

/* Headings */
h1 {
  font-size: 32px;         /* 16px * 2 */
  font-weight: 500;        /* $font-weight-bold */
  line-height: 1.45;
}

h2 {
  font-size: 27.42px;      /* 16px * 1.714 */
  font-weight: 500;
  line-height: 1.45;
}

h3 {
  font-size: 24px;         /* 16px * 1.5 */
  font-weight: 500;
  line-height: 1.45;
}

h4 {
  font-size: 20.57px;      /* 16px * 1.286 */
  font-weight: 500;
  line-height: 1.45;
}

h5 {
  font-size: 17.12px;      /* 16px * 1.07 */
  font-weight: 500;
  line-height: 1.45;
}

h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
}

/* Utility font weights */
.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 500 !important;
}

.font-weight-bolder {
  font-weight: 600 !important;
}

label {
    color: #5e5873;
    font-size: .857rem;
}