/* =============================================================================
   Manrope — self-hosted, app-wide (load before Bootstrap + styles.css)
   Weights: 400 body/UI, 500 emphasis + BS “medium”, 600 subheads + BS semibold,
            700 headings + BS bold
   ============================================================================= */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/manrope/manrope-v20-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/manrope/manrope-v20-latin_latin-ext-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/manrope/manrope-v20-latin_latin-ext-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/manrope/manrope-v20-latin_latin-ext-700.woff2') format('woff2');
}

:root {
  --app-font-manrope: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
  /* Bootstrap 5.3+ */
  --bs-font-sans-serif: var(--app-font-manrope);
  --bs-body-font-family: var(--app-font-manrope);
}

html {
  font-synthesis: none;
}

body {
  font-family: var(--app-font-manrope);
  font-optical-sizing: auto;
  font-weight: 400;
}

/* Forms & chrome Bootstrap sometimes leaves on system UI */
input,
select,
textarea,
button,
.btn,
.navbar,
.dropdown-menu,
.modal-content,
.form-control,
.form-select,
.nav,
.list-group,
.card,
.table,
.alert,
.badge {
  font-family: var(--app-font-manrope);
}

/* Headings: use real Manrope files (700 / 600), not faux-bold */
h1,
.h1,
h2,
.h2 {
  font-weight: 700;
}

h3,
.h3,
h4,
.h4 {
  font-weight: 600;
}

h5,
.h5,
h6,
.h6 {
  font-weight: 600;
}

.navbar-brand {
  font-weight: 600;
}

/* Bootstrap “lead” defaults to 300; we only ship 400+ */
.lead {
  font-weight: 400;
}

b,
strong {
  font-weight: 700;
}

/* Map Bootstrap weight utilities to shipped cuts */
.fw-lighter,
.fw-light {
  font-weight: 400;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.fw-bold,
.fw-bolder {
  font-weight: 700;
}