/* Smart College UK - Strict Color Enforcement */

:root {
    --bg-color: #F5F7FA;
    --primary-blue: #031169;
    --secondary-gray: #a3a7c1;
    --highlight-gold: #b78e3b;
    --white: #ffffff;
}

/* 1. Backgrounds */
body,
html {
    background-color: var(--bg-color) !important;
    color: #555;
    /* Default text slightly darker than secondary gray for readability */
}

.main-wrapper,
.content-wrapper,
section.light-bg {
    background-color: var(--bg-color) !important;
}

/* White containers for contrast if needed */
.container-white,
.box-white {
    background-color: var(--white) !important;
}

/* 2. Primary Elements (Dark Blue #031169) */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar-default .navbar-nav>li>a,
.navbar-inverse,
.header-top,
.footer,
.footer h3,
.btn-dark,
.heading-color {
    color: var(--primary-blue) !important;
}

/* Backgrounds using Dark Blue */
.navbar-inverse,
.header-top,
.footer,
.btn-primary,
.bg-primary,
.top-bar {
    background-color: var(--primary-blue) !important;
    color: var(--white) !important;
}

/* Fix Header Links brightness on dark bg */
.navbar-inverse .navbar-nav>li>a,
.footer a,
.header-top a,
.header-top li {
    color: #e0e0e0 !important;
    /* Slightly off-white for text on dark blue */
}

.navbar-inverse .navbar-nav>li>a:hover,
.footer a:hover {
    color: var(--highlight-gold) !important;
}

/* 3. Secondary Text (Blue-Gray #a3a7c1) */
.text-muted,
.secondary-text,
.breadcrumb,
.breadcrumb>li,
.breadcrumb>li>a,
.meta-info,
blockquote footer,
p.subtitle {
    color: var(--secondary-gray) !important;
}

/* Paragraphs - Ensure readability but lean towards brand */
p {
    color: #666;
    /* Using #a3a7c1 for main text might be too light. Keeping standard grey, using brand grey for secondary. */
}

.footer p,
.footer li {
    color: var(--secondary-gray) !important;
}

/* 4. Highlights & Emphasis (Gold #b78e3b) */
a,
a:hover,
a:focus,
.text-gold,
.highlight,
.btn-link,
.pagination>.active>a,
.pagination>.active>span,
.nav-pills>li.active>a,
.icon-gold,
i.fa-star {
    color: var(--highlight-gold) !important;
}

/* Buttons */
.btn-primary:hover,
.btn-primary:focus,
.btn-secondary {
    background-color: var(--highlight-gold) !important;
    border-color: var(--highlight-gold) !important;
    color: var(--white) !important;
}

/* Search Bar / Input Focus */
.form-control:focus {
    border-color: var(--highlight-gold) !important;
    box-shadow: 0 0 5px rgba(183, 142, 59, 0.5);
}

/* Borders/Dividers */
.border-primary {
    border-color: var(--primary-blue) !important;
}

.border-gold {
    border-color: var(--highlight-gold) !important;
}

/* 5. Specific Theme Overrides */
/* Header Contact Info */
.header-top .left li i {
    color: var(--highlight-gold) !important;
}

/* Menu Active State */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: var(--highlight-gold) !important;
    background-color: transparent !important;
}

/* Footer Widget Titles */
.footer h3.widget-title {
    color: var(--white) !important;
    border-bottom: 2px solid var(--highlight-gold);
    display: inline-block;
    padding-bottom: 5px;
}

/* Newsletter Input */
.footer .subscribe input[type="email"] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--secondary-gray);
    color: var(--white);
}

/* Mobile Toggle */
.navbar-toggle {
    background-color: var(--highlight-gold) !important;
}

.navbar-toggle .icon-bar {
    background-color: var(--white) !important;
}