/* =====================================================
   GREAT NORTH LIGHT THEME (GREEN + YELLOW)
   Optimized for speed (no heavy effects)
===================================================== */

/* ===== FONT ===== */
body {
    font-family: Inter, system-ui, sans-serif;
}

/* ===== NAVBAR ===== */
.navbar {
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
}

/* ===== SIDEBAR ===== */
.layout-side-section {
    background: #ffffff;
    border-right: 1px solid #e5e7eb;
}

/* ===== FORM CARD ===== */
.layout-main-section {
    background: #ffffff;
    border-radius: 10px;
    padding: 16px;
}

/* ===== TABLE HEADERS ===== */
.grid-heading-row {
    background: #1F6F3E !important;  /* Great North Green */
    color: #ffffff !important;
}

/* ===== BUTTONS ===== */
.btn-primary {
    background: #1F6F3E !important;
    border-color: #1F6F3E !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background: #185c33 !important; /* slightly darker green */
}

/* ===== SECONDARY / SUCCESS (YELLOW ACCENT) ===== */
.btn-success {
    background: #E6A800 !important;
    border-color: #E6A800 !important;
    color: #000 !important;
}

/* ===== TABS ===== */
.form-tabs .nav-link {
    color: #374151 !important;
    font-weight: 500;
}

.form-tabs .nav-link.active {
    color: #1F6F3E !important;
    border-bottom: 2px solid #E6A800;
}