/* ===================================
   Global Color Scheme - SMBC Website
   Matching Homepage Design Colors
   =================================== */

:root {
    /* Primary Colors */
    --primary-color: #004831;       /* Dark Green - IDG Capital */
    --primary-dark: #003d28;        /* Darker Green */
    
    /* Button Colors */
    --button-color: #A0C81E;        /* Lime Green */
    --button-hover: #8fb01a;        /* Darker Lime on Hover */
    
    /* Background Colors */
    --light-bg: #e8f5e9;            /* Light Green Tint */
    --body-bg: #ffffff;             /* White Background */
    --white: #ffffff;
    
    /* Text Colors */
    --text-dark: #222222;
    --text-medium: #444444;
    --text-light: #666666;
    --text-gray: #888888;
}

/* Apply Global Colors to Common Elements */
body {
    background-color: var(--body-bg);
    color: var(--text-dark);
}

/* Primary Buttons */
.btn-primary,
button.primary,
.submit-btn,
.action-button {
    background-color: var(--button-color) !important;
    border-color: var(--button-color) !important;
    color: #000000 !important;
}

.btn-primary:hover,
button.primary:hover,
.submit-btn:hover,
.action-button:hover {
    background-color: var(--button-hover) !important;
    border-color: var(--button-hover) !important;
}

/* Headers and Navigation */
.top-header,
.header,
.navbar,
nav {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
    color: var(--white) !important;
}

/* Links */
a.primary-link {
    color: var(--primary-color) !important;
}

a.primary-link:hover {
    color: var(--primary-dark) !important;
}

/* Cards and Panels */
.card-primary,
.panel-primary {
    border-color: var(--primary-color) !important;
}

.card-primary .card-header,
.panel-primary .panel-heading {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

/* Success/Active States */
.text-success,
.success-text {
    color: var(--button-color) !important;
}

.bg-success,
.success-bg {
    background-color: var(--light-bg) !important;
}

/* Footer */
footer {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

/* Focus States */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 72, 49, 0.25) !important;
}

/* Active/Selected States - Only for buttons, nav items, and interactive elements */
button.active,
.btn.active,
.nav-link.active,
.nav-item.active,
.tab-button.active,
li.active,
.selected {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

/* Badges and Labels */
.badge-primary,
.label-primary {
    background-color: var(--button-color) !important;
    color: #000000 !important;
}

/* Progress Bars */
.progress-bar {
    background-color: var(--button-color) !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    border-bottom-color: var(--primary-color) !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-dark) !important;
}

/* Loading Spinner */
.spinner,
.loader {
    border-top-color: var(--primary-color) !important;
}

/* Alerts */
.alert-success {
    background-color: var(--light-bg) !important;
    border-color: var(--button-color) !important;
    color: var(--primary-color) !important;
}