/* Official Tabler Core Integration */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --fitness-blue: #206bc4;
}

body {
    background-color: #f6f8fb;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif !important;
}

/* Tabler Precise Layout Styles */
.navbar-brand-image {
    height: 32px;
    width: auto;
}

/* Ensure the blue underline active state is prominent like Tabler official */
.nav-item.active .nav-link {
    font-weight: 700 !important;
    color: #206bc4 !important;
    position: relative;
}

.navbar-nav .nav-link.active:after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -1px;
    height: 2px;
    background: #206bc4;
}

/* Card refinements */
.card-title {
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    color: #1d273b;
}

.subheader {
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #626976;
}

/* Footer alignment */
.footer {
    border-top: 1px solid #e6e7e9;
    background-color: #ffffff;
    padding: 2rem 0;
    color: #626976;
    font-size: 0.8125rem;
}