/* ==========================================================================
   Base — typography, global resets on top of AdminLTE/Bootstrap
   ========================================================================== */
html, body {
    background: var(--t-bg) !important;
    color: var(--t-text);
    font-family: var(--t-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    transition: background-color var(--t-transition), color var(--t-transition);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--t-font);
    font-weight: 600;
    color: var(--t-text);
    letter-spacing: -0.01em;
}

a {
    color: var(--t-primary);
}
a:hover {
    color: var(--t-primary-hover);
}

::selection {
    background: rgba(var(--t-primary-rgb), 0.2);
}

/* Scrollbars */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--t-border) transparent;
}
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
*::-webkit-scrollbar-track {
    background: transparent;
}
*::-webkit-scrollbar-thumb {
    background-color: var(--t-border);
    border-radius: var(--t-radius-pill);
}
*::-webkit-scrollbar-thumb:hover {
    background-color: var(--t-secondary);
}

/* Focus visibility for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btn:focus-visible {
    outline: 2px solid var(--t-primary);
    outline-offset: 2px;
}

.text-muted, .muted {
    color: var(--t-muted) !important;
}

hr {
    border-color: var(--t-border);
}