:root {
    --custom-font: "Plus Jakarta Sans", "Inter", sans-serif;
}
body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input, textarea, select {
    font-family: var(--custom-font) !important;
}
h1, h2, h3, h4, h5, h6, 
.btn, 
.nav-link, 
.text-uppercase,
.card-title,
th,
.badge {
    text-transform: none !important;
    letter-spacing: normal !important;
}
.custom-caps {
    text-transform: capitalize !important;
}
.custom-lower {
    text-transform: lowercase !important;
}
body {
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 700; }
h2 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; }
h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 600; }
h4 { font-size: clamp(1.1rem, 1.5vw, 1.5rem); font-weight: 600; }
h5 { font-size: clamp(1rem, 1.2vw, 1.25rem); font-weight: 600; }
h6 { font-size: 0.9rem; font-weight: 600; }
.text-muted, .text-secondary {
    color: #696e79 !important; 
}
a {
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}
p {
    margin-bottom: 1rem;
    color: #282c3f; 
}