:root {
    --bs-blue: #3497DA;
    --bs-primary: #3497DA;
    --bs-primary-rgb: 52, 151, 218;
    --bs-link-color: #3497DA;
    --bs-link-color-rgb: 52, 151, 218;
    --bs-link-hover-color: #2C3F51;
    --bs-link-hover-color-rgb: 44, 63, 81;
    --gradient-primary: linear-gradient(to right, #2C3F51, #3497DA);
}

/* Botões primários */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: transparent;
    background: linear-gradient(to right, #2C3F51, #3497DA);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: transparent;
    background-hover: linear-gradient(to right, #1e2c3a, #2874a6);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 52, 151, 218;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: transparent;
    background-active: linear-gradient(to right, #1e2c3a, #2874a6);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    background-disabled: linear-gradient(to right, #2C3F51, #3497DA);
    --bs-btn-disabled-border-color: transparent;
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(to right, #1e2c3a, #2874a6) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 151, 218, 0.3);
}

.btn-primary:active {
    background: linear-gradient(to right, #1e2c3a, #2874a6) !important;
}

/* Botões outline primários */
.btn-outline-primary {
    --bs-btn-color: #3497DA;
    --bs-btn-border-color: #3497DA;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: transparent;
    background-hover: linear-gradient(to right, #2C3F51, #3497DA);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 52, 151, 218;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: transparent;
    background-active: linear-gradient(to right, #2C3F51, #3497DA);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #3497DA;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3497DA;
}

.btn-outline-primary:hover {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
    border-color: transparent !important;
}

.btn-outline-primary:active {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
    border-color: transparent !important;
}

/* Headers */
.bg-primary {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

.text-primary {
    color: #3497DA !important;
}

/* Links */
a {
    color: #3497DA;
}

a:hover {
    color: #2C3F51;
}

/* Form controls */
.form-check-input:checked {
    background: linear-gradient(to right, #2C3F51, #3497DA);
    border-color: #3497DA;
}

.form-check-input:checked[type=checkbox]:indeterminate {
    background: linear-gradient(to right, #2C3F51, #3497DA);
    border-color: #3497DA;
}

/* Form switches */
.form-switch .form-check-input:checked {
    background: linear-gradient(to right, #2C3F51, #3497DA);
}

/* Nav pills */
.nav-pills .nav-link.active {
    background: linear-gradient(to right, #2C3F51, #3497DA);
}

/* Pagination */
.page-link {
    color: #3497DA;
}

.page-item.active .page-link {
    background: linear-gradient(to right, #2C3F51, #3497DA);
    border-color: transparent;
}

/* Progress bars */
.progress-bar {
    background: linear-gradient(to right, #2C3F51, #3497DA);
}

/* List groups */
.list-group-item.active {
    background: linear-gradient(to right, #2C3F51, #3497DA);
    border-color: transparent;
}

/* Dropdowns */
.dropdown-item.active {
    background: linear-gradient(to right, #2C3F51, #3497DA);
}

/* Badges */
.badge.bg-primary {
    background: linear-gradient(to right, #2C3F51, #3497DA) !important;
}

/* Alerts */
.alert-primary {
    color: #1a2b38;
    background-color: #e8f4fd;
    border-color: #c7e2ff;
}