/* Tailwind v4 config removed - use compiled CSS instead */
/* Font configuration moved to inline styles */
:root {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/* ============================================================
   Bootstrap 5 base — keep html at 100% (1rem = 16px).
   All custom font sizes use px directly to avoid rem confusion.
   ============================================================ */
/* html font-size removed - handled by main.css to ensure consistency */

body {
    font-size: 13px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.5;
}

/* Bootstrap 5 component size normalization to 14px base */
:root {
    --bs-body-font-size: 13px;
    --bs-body-line-height: 1.5;
}

.nav-link {
    font-size: 13px;
}

.btn {
    font-size: 13px;
    padding: 4px 10px;
}

.btn-sm {
    font-size: 11px;
    padding: 2px 6px;
}

.btn-lg {
    font-size: 15px;
    padding: 6px 14px;
}

.form-control,
.form-select {
    font-size: 13px;
    padding: 4px 8px;
}

.badge {
    font-size: 10px;
}

.dropdown-item,
.dropdown-menu {
    font-size: 13px;
}

.alert {
    font-size: 13px;
}

.page-link {
    font-size: 13px;
}

.list-group-item {
    font-size: 13px;
}

.table> :not(caption)>*>* {
    font-size: 13px;
}