/* Academy Specific Styles */

:root {
    --academy-primary: #2a467e;       /* 0f172a Deep Midnight Blue */
    --academy-secondary: #1e293b;     /* Slate Blue */
    --academy-accent: #10b981;        /* 10b981 Emerald Green (Growth/Learning) */
    --text-light: #8FBC8F;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Open Sans', sans-serif;
    
    --academy-light: #f8fafc;       /* Light Grey */
}

body {
    font-family: var(--font-body);
    background-color: #f1f5f9;
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: var(--font-heading);
}

/* Navbar Customization */
.bg-academy-dark {
    background-color: var(--academy-primary) !important;
    /* border-bottom: 3px solid var(--academy-accent); */
}

.navbar {
            padding: 1rem 0;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

.text-academy-accent {
    color: var(--academy-accent) !important;
}

.navbar-dark .nav-link {
    color: #cbd5e1;
    font-weight: 500;
}

.navbar-dark .nav-link:hover, .navbar-dark .nav-link.active {
    color: var(--academy-accent);
}

/* Button Styles */
.btn-academy-accent {
    background-color: var(--academy-accent);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}

.btn-academy-accent:hover {
    background-color: #059669; /* Darker Green */
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);
}

.btn-outline-primary {
    color: var(--academy-primary);
    border-color: var(--academy-primary);
}

.btn-outline-primary:hover {
    background-color: var(--academy-primary);
    color: white;
}

/* Cards */
.card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

/* Utilities */
.section-padding {
    padding: 80px 0;
}

.text-primary {
    color: var(--academy-primary) !important;
}

.bg-primary {
    background-color: var(--academy-primary) !important;
}

/* =========================================
   5. FOOTER
   ========================================= */
.site-footer {
    background-color: var(--academy-primary);
    color: #cbd5e1;
    padding: 60px 0 20px;
}

.site-footer h5 {
    color: white;
    margin-bottom: 20px;
}

.site-footer a {
    color: #cbd5e1;
}

.site-footer a:hover {
    color: var(--academy-accent);
}

.footer-bottom {
    border-top: 1px solid #1e293b;
    margin-top: 40px;
    padding-top: 20px;
    text-align: center;
    font-size: 0.9rem;
}