/* Custom styling for Stonepeak Portal */

:root {
    /* Colors */
    --dark-blue: #102E4A;       /* Dark blue for header - original color */
    --light-blue: #051c2c;      /* Updated to match requested dark blue color */
    --accent-green: #4CAF50;    /* Consistent green for buttons */
    --hover-green: #3d8b40;     /* Darker green for button hover */
    --white: #ffffff;
}

/* Override Bootstrap primary color */
.bg-primary {
    background-color: var(--light-blue) !important;
}

/* Button styling */
.btn-primary {
    background-color: var(--accent-green) !important;
    border-color: var(--accent-green) !important;
    color: var(--white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--hover-green) !important;
    border-color: var(--hover-green) !important;
}

/* Card header styling */
.card-header.bg-primary {
    background-color: var(--light-blue) !important;
}

/* For Register button in navbar */
.navbar a.btn-primary {
    background-color: var(--accent-green) !important;
    border-color: var(--accent-green) !important;
}

.navbar a.btn-primary:hover,
.navbar a.btn-primary:focus {
    background-color: var(--hover-green) !important;
    border-color: var(--hover-green) !important;
}

/* Navbar styling - override the dark blue with light blue */
.navbar {
    background-color: var(--light-blue) !important;
}

/* Make all nav-link items consistent with the users menu */
.navbar-nav .nav-link,
.navbar-nav .nav-link.dropdown-toggle {
    color: var(--white) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.dropdown-toggle:hover {
    color: var(--accent-green) !important;
}

/* Update header color for login page */
.card-header.bg-primary {
    background-color: #051c2c !important;
}

/* Footer styling */
.footer {
    background-color: #051c2c !important;
    color: var(--white) !important;
}