/* ------- Base font to ~12px while keeping Bootstrap harmony ------- */
:root {
    /* 1rem (16px) * 0.75 = 11px */
    --bs-body-font-size: 0.75rem;
}

/* apply */
body {
    font-size: var(--bs-body-font-size);
}

/* keep headings readable (relative to 12px base) */
h1 {
    font-size: 2.2rem;
    /* ~26px */
}

h2 {
    font-size: 1.9rem;
    /* ~23px */
}

h3 {
    font-size: 1.6rem;
    /* ~19px */
}

h4 {
    font-size: 1.4rem;
    /* ~17px */
}

h5 {
    font-size: 1.2rem;
    /* ~14px */
}

h6 {
    font-size: 1.0rem;
    /* ~12px */
}

/* navbar & menu links at 12px */
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-text {
    font-size: 0.75rem;
    /* 12px */
}

/* buttons & form controls – compact but legible */
.btn,
.form-control,
.form-select,
.input-group-text,
.page-link {
    font-size: 0.75rem;
}

/* tables: compact cells with 12px text */
.table {
    font-size: 0.75rem;
}

/* alerts & badges */
.alert,
.badge {
    font-size: 0.75rem;
}