/* =========================================================
   Bootstrap 2 → Modern Typography (Inter)
   ========================================================= */

html, body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: #111827; /* neutral-900 */
  background-color: #f9fafb; /* subtle modern bg */
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: #111827;
  margin-bottom: .5em;
}

h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

/* ---------- Paragraphs ---------- */
p {
  margin-bottom: .75em;
  color: #1f2937; /* neutral-800 */
}

/* ---------- Links ---------- */
a {
  color: #2563eb;
  text-decoration: none;
}
a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

/* ---------- Tables ---------- */
table {
  font-size: 12.5px;
}

/* ---------- Forms ---------- */
input,
select,
textarea,
label {
  font-family: inherit;
  font-size: 13px;
}

/* ---------- Bootstrap 2 specific ---------- */
.page-header {
  border-bottom: 1px solid #e5e7eb;
}

legend {
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #e5e7eb;
}

/* ---------- Code / monospace ---------- */
code,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco,
               Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}