:root {
    --bg-banik: linear-gradient(90deg, #0f5b46, #177155);
    --bg-banik-reverse: linear-gradient(270deg, #0f5b46, #177155);
    --bg-banik-light: linear-gradient(90deg, #177155, #218060);
    --bg-banik-light-reverse: linear-gradient(270deg, #177155, #218060);
    --bg-banik-solid: #177155;
    --color-banik: #0f5b46;
    --color-banik-rgb: 15, 91, 70;
    --color-banik-light: #218060;
    --color-banik-dark: #0a4335;
    --match-win: #2e7d32;
    --match-loss: #8b1c1c;
    --color-accent: #ef4749;
    --color-gold: #ddb453;
    --header-height: 135px;
}
.nav-logo {
    content: url('/images/academy/FALogo.png');
}
.navbar-brand img {
    /*filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 5px rgba(22, 115, 110, 0.35));*/
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.4)) drop-shadow(0 0 4px rgba(46, 125, 50, 0.35));
}
.hero-section {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)), url('/images/academy/hero.png');
    background-size: cover;
    background-position: top;
    background-position-y: bottom;
    min-height: 210px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.article-category-badge {
    background-color: var(--color-accent) !important;
    color: #fff !important;
}
.section-title {
    border-left: 6px solid var(--color-accent);
}