:root {
    --gradient-primary: linear-gradient(135deg, #ff4d4d 0%, #8f0000 100%);
    --color-primary: #ff4d4d;
    --color-secondary: #8f0000;
    --color-background: #F0F2F7;
    --color-menu: #FFFFFF;
}

body {
    background-color: var(--color-background) !important;
}

.slim-navbar.sticky-top {
    background-color: var(--color-menu) !important;
}

/* Aplicar gradiente dinâmico em elementos específicos */
.card-header {
    background: var(--gradient-primary) !important;
}

.slim-card-title {
    background: var(--gradient-primary) !important;
}

.media-list .media:hover {
    background: var(--gradient-primary) !important;
}

.accordion-one .card-header {
    background: var(--gradient-primary) !important;
}

.btn-success {
    background: var(--gradient-primary) !important;
}

.btn-info {
    background: var(--gradient-primary) !important;
}

.modal-header {
    background: var(--gradient-primary) !important;
}

.slim-navbar.sticky-top {
    background: var(--color-primary) !important;
}

.btn:hover {
    background: linear-gradient(135deg, #8f0000 0%, #ff4d4d 100%) !important;
}

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

.media:hover img.img-thumbnail {
    border-color: var(--color-primary) !important;
}

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

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

.btn-outline-primary:hover {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.nav-link.active {
    background: var(--gradient-primary) !important;
    color: white !important;
}

.slim-navbar .nav-item.active .nav-link {
    background: var(--gradient-primary) !important;
    background-image: none !important;
    color: white !important;
}

.sidebar-nav-link.active {
    background: var(--gradient-primary) !important;
    background-image: none !important;
    color: white !important;
}

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

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

.form-control:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 77, 77, 0.25) !important;
}

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

.page-item.active .page-link {
    background: var(--gradient-primary) !important;
    border-color: var(--color-primary) !important;
}

.alert-primary {
    background-color: rgba(255, 77, 77, 0.1) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

.progress-bar {
    background: var(--gradient-primary) !important;
}

.list-group-item.active {
    background: var(--gradient-primary) !important;
    border-color: var(--color-primary) !important;
}

.table-primary {
    background-color: rgba(255, 77, 77, 0.1) !important;
}

.dropdown-item:hover {
    background-color: rgba(255, 77, 77, 0.1) !important;
}

.dropdown-item.active {
    background: var(--gradient-primary) !important;
}

.slim-sidebar {
    background: var(--color-menu) !important;
}

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

.btn-primary:hover {
    background: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.slim-card-title {
    background: var(--gradient-primary) !important;
    color: white !important;
}

.btn-success {
    background: var(--gradient-primary) !important;
    color: white !important;
}

.btn-info {
    background: var(--gradient-primary) !important;
    color: white !important;
}

.modal-header {
    background: var(--gradient-primary) !important;
    color: white !important;
}

