/* ============================================================
   Josan Blooming Community School  -  school colours
   Taken from the school's logo: green #49802D and yellow #FFFF01.

   The sidebar is NOT themed: it keeps EasySoft's navy.

   Put this file at assets/css/theme.css. The pages load it
   automatically when it exists, after the normal stylesheets,
   so removing the file brings back the standard blue theme.
   Change the colours here, in the first block only.
   ============================================================ */

:root {
    /* Main app */
    --navy: #3A6B23;            /* logo green, a little deeper for text and buttons */
    --navy-light: #49802D;      /* the logo green itself: hover / active */
    --navy-soft: #EAF3E4;       /* pale green tints */
    --border: #E1E9DC;

    /* Login page */
    --edu-navy: #3A6B23;
    --edu-brand: #2F5E1E;       /* left panel / phone header */
    --edu-accent: #FFFF01;
    --edu-link: #3A6B23;
    --edu-page: #F8FAF6;
}

/* ---------- Sidebar: stays EasySoft's own navy, whatever the school colours ---------- */
.sidebar { background: #14213D; }
.sidebar-logo .sub { color: #C9A24B; }
.nav-link { color: #C7D1E6; }
.nav-link:hover,
.nav-link.active { background: #1F3157; color: #fff; }
.nav-link.active { border-left-color: #C9A24B; }

/* ---------- Buttons and tints that were fixed blue ---------- */
.btn-secondary:hover,
.btn-edit:hover { background: #D8E9CE; }
.tab-link { color: var(--navy); }

/* ---------- Page banners (Settings, Fees, Enter Scores, Guardian Contacts, Grading) ---------- */
body .settings-hero,
body .fees-hero,
body .scores-hero,
body .gc-hero,
body .grading-hero {
    background: linear-gradient(135deg, #2F5E1E 0%, #3A6B23 60%, #5B9A3B 100%);
    box-shadow: 0 6px 18px rgba(58, 107, 35, 0.25);
}
body .hero-btn { color: #3A6B23; background: #fff; }
body .hero-btn:hover { background: #EAF3E4; }

/* ---------- Login page ---------- */
.login-page .login-brand::before {
    background-image:
        linear-gradient(135deg,
            rgba(30, 62, 19, .93) 0%,
            rgba(47, 94, 30, .80) 45%,
            rgba(73, 128, 45, .50) 100%),
        url("../img/josanschool.JPEG");
}
.login-page .brand-divider {
    background: linear-gradient(90deg, #FFFF01, #FFF66B);
    box-shadow: 0 0 17px rgba(255, 255, 1, .40);
}
.login-page .login-submit,
.login-page .login-submit:hover {
    background: linear-gradient(135deg, #49802D, #2F5E1E);
    box-shadow: 0 8px 20px rgba(58, 107, 35, .24);
}
.login-page .login-submit:focus-visible { outline-color: rgba(255, 255, 1, .75); }
.login-page .form-control:focus { box-shadow: 0 0 0 3px rgba(58, 107, 35, .16); }