:root {
    --semc-navy: #0a1f3d;
    --semc-navy-dark: #061428;
    --semc-navy-light: #12325c;
    --semc-gold: #ffc107;
    --semc-gold-dark: #d9a406;
    --semc-cyan: #0dcaf0;
    --semc-bg: #f8fafc;
    --semc-text: #1e293b;
    --semc-muted: #64748b;
    --semc-border: #e2e8f0;
    --semc-radius: 12px;
    --semc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --semc-font-display: "Playfair Display", Georgia, serif;
}

body#body {
    background: var(--semc-bg) !important;
    background-image: none !important;
    color: var(--semc-text);
    font-family: var(--semc-font);
}

.topHeader {
    background: #fff !important;
    border-bottom: 3px solid var(--semc-navy);
    box-shadow: 0 4px 16px rgba(10, 31, 61, 0.06);
}

.headerBig h1,
.headerSmall h1 {
    color: var(--semc-navy) !important;
    font-family: var(--semc-font-display);
    font-weight: 700;
}

.headerBig h4,
.headerSmall h4 {
    color: var(--semc-muted) !important;
}

footer {
    background-color: var(--semc-navy) !important;
    color: #fff !important;
}

footer .bottomText {
    background-color: var(--semc-navy-dark) !important;
    color: #fff !important;
}

footer .develpedBy,
footer .develpedBy a {
    color: var(--semc-gold) !important;
}

.btn-primary {
    background: var(--semc-navy) !important;
    border-color: var(--semc-navy) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
a.btn-primary:hover {
    background: var(--semc-navy-light) !important;
    border-color: var(--semc-navy-light) !important;
    color: #fff !important;
}

.active_menu {
    background-color: var(--semc-gold) !important;
    color: var(--semc-navy-dark) !important;
    border-color: var(--semc-gold-dark) !important;
}

.home-box {
    background: linear-gradient(145deg, var(--semc-navy-dark), var(--semc-navy)) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 193, 7, 0.25);
}

.home-box .btn {
    background: var(--semc-gold) !important;
    color: var(--semc-navy-dark) !important;
    border-color: var(--semc-gold-dark) !important;
    font-weight: 700 !important;
}

.home-box .btn:hover {
    background: var(--semc-gold-dark) !important;
    color: var(--semc-navy-dark) !important;
}

a.notice_a:hover {
    color: var(--semc-navy) !important;
}

.mainBody {
    padding-top: 8px;
}