/*
========================================
   ECH - Custom Theme Overrides
========================================
*/

:root {
    /* New Color Palette */
    --bs-primary: #005792; /* Deep Cerulean */
    --bs-primary-dark: #00204A; /* Oxford Blue */
    --bs-primary-light: #0075A2; /* Cerulean */
    --bs-secondary: #6c757d; /* Default Gray */
    --bs-accent: #FDDB3A; /* Jasmine Gold */
    --bs-success: #198754; /* Default Green */
    --bs-info: #0dcaf0; /* Default Cyan */
    --bs-warning: #ffc107; /* Default Yellow */
    --bs-danger: #dc3545; /* Default Red */
    --bs-light: #F9F9F9; /* Soft Off-white */
    --bs-dark: #212529; /* Default Dark */

    /* Override Bootstrap variables */
    --bs-body-bg: #ffffff; /* Keep main background white for content areas */
    --bs-body-color: #212529;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-primary-dark);
    --bs-border-color: #dee2e6;
    --bs-border-radius: 0.5rem;
    --bs-border-radius-lg: 0.75rem;
    --bs-border-radius-sm: 0.25rem;

    /* Custom variables from site.css to override */
    --primary-color: var(--bs-primary);
    --primary-dark: var(--bs-primary-dark);
    --primary-light: var(--bs-primary-light);
    --text-color: var(--bs-dark);
    --text-muted: var(--bs-secondary);
    --border-color: var(--bs-border-color);
}

body {
    background-color: var(--bs-light);
}

/* Override btn-primary to use the new color */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: var(--bs-primary-dark);
    border-color: var(--bs-primary-dark);
}

/* Update text and link colors */
.text-primary {
    color: var(--bs-primary) !important;
}

a {
    color: var(--bs-primary);
}

a:hover {
    color: var(--bs-primary-dark);
}

/* Update navbar brand color */
.navbar-brand span {
    color: var(--bs-primary) !important;
}

/* Update footer gradient */
footer {
    background: linear-gradient(135deg, var(--bs-primary-dark) 0%, var(--bs-primary) 100%) !important;
    border-top-color: var(--bs-accent) !important;
}