:root {
    --primary-color: #142850;
    --secondary-color: #F4A261;
    --highlight-color: #A2D5C6;
    --primary-light: rgba(31, 58, 147, 0.1);
    --secondary-light: rgba(244, 162, 97, 0.1);
    --highlight-light: rgba(42, 144, 143, 0.1);
    --gray-color: #aaaaaa;
}

/* Primary Color Classes */
.bg-primary {
    background-color: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

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

/* Secondary Color Classes */
.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

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

/* Highlight Color Classes */
.bg-highlight {
    background-color: var(--highlight-color) !important;
}

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

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

/* Button Styles */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

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

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

/* Link Colors */
a {
    color: var(--primary-color);
}

a:hover {
    color: var(--highlight-color);
}

/* Header Colors */
.header-nav .nav>li>a:hover,
.header-nav .nav>li:hover>a {
    color: var(--highlight-color);
}

/* Form Elements */
.form-control:focus {
    border-color: var(--highlight-color);
}

/* Custom Elements */
.site-button {
    background-color: var(--primary-color);
}

.site-button:hover {
    background-color: var(--highlight-color);
}