/* Tema Claro */
:root[data-bs-theme="light"] {
    --bs-body-bg: #f8f9fa;
    --bs-body-color: #212529;
    --bs-border-color: #dee2e6;
    --bs-primary: #2c3e50;
    --bs-secondary: #6c757d;
    --bs-success: #28a745;
    --bs-danger: #dc3545;
    --bs-warning: #ffc107;
    --bs-info: #17a2b8;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
}

[data-bs-theme="light"] .sidebar {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
    box-shadow: 2px 0 15px rgba(0,0,0,0.08);
}

[data-bs-theme="light"] .card {
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

[data-bs-theme="light"] .nav-link:hover {
    background: rgba(44, 62, 80, 0.05);
}

[data-bs-theme="light"] .table {
    --bs-table-bg: #ffffff;
}

[data-bs-theme="light"] .modal-content {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

[data-bs-theme="light"] .dropdown-menu {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select {
    background-color: #ffffff;
    border-color: #ced4da;
}

[data-bs-theme="light"] .form-control:focus,
[data-bs-theme="light"] .form-select:focus {
    background-color: #ffffff;
    border-color: #2c3e50;
    box-shadow: 0 0 0 0.25rem rgba(44, 62, 80, 0.25);
}

[data-bs-theme="light"] .loading-overlay {
    background: rgba(255, 255, 255, 0.95);
}

[data-bs-theme="light"] .toast {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    color: #212529;
}

/* Hover effects específicos do tema claro */
[data-bs-theme="light"] .btn-outline-primary:hover {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    border-color: #2c3e50;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(44, 62, 80, 0.25);
}

[data-bs-theme="light"] .btn-primary {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    border: none;
}

[data-bs-theme="light"] .btn-primary:hover {
    background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(44, 62, 80, 0.3);
}

/* Cards com gradiente sutil */
[data-bs-theme="light"] .card-header {
    background: linear-gradient(135deg, rgba(44, 62, 80, 0.05) 0%, rgba(44, 62, 80, 0.1) 100%);
    border-bottom: 1px solid rgba(44, 62, 80, 0.1);
}

/* Badges com gradiente */
[data-bs-theme="light"] .badge.bg-primary {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
}

[data-bs-theme="light"] .badge.bg-success {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

[data-bs-theme="light"] .badge.bg-danger {
    background: linear-gradient(135deg, #dc3545 0%, #fd7e14 100%) !important;
}

/* Alertas com gradiente sutil */
[data-bs-theme="light"] .alert-primary {
    background: linear-gradient(135deg, rgba(44, 62, 80, 0.1) 0%, rgba(44, 62, 80, 0.05) 100%);
    border: 1px solid rgba(44, 62, 80, 0.2);
    color: #2c3e50;
}

[data-bs-theme="light"] .alert-success {
    background: linear-gradient(135deg, rgba(40, 167, 69, 0.1) 0%, rgba(32, 201, 151, 0.05) 100%);
    border: 1px solid rgba(40, 167, 69, 0.2);
    color: #155724;
}

/* Table stripes */
[data-bs-theme="light"] .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(44, 62, 80, 0.02);
}

/* Dropdown items hover */
[data-bs-theme="light"] .dropdown-item:hover {
    background: linear-gradient(135deg, rgba(44, 62, 80, 0.1) 0%, rgba(44, 62, 80, 0.05) 100%);
}

/* Progress bars */
[data-bs-theme="light"] .progress {
    background-color: rgba(44, 62, 80, 0.1);
}

[data-bs-theme="light"] .progress-bar {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
}

/* Form switches */
[data-bs-theme="light"] .form-check-input:checked {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

/* Pagination */
[data-bs-theme="light"] .page-link {
    color: #2c3e50;
    border-color: #dee2e6;
}

[data-bs-theme="light"] .page-link:hover {
    background-color: rgba(44, 62, 80, 0.05);
    border-color: #2c3e50;
    color: #2c3e50;
}

[data-bs-theme="light"] .page-item.active .page-link {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    border-color: #2c3e50;
}

/* List group */
[data-bs-theme="light"] .list-group-item {
    background-color: #ffffff;
    border-color: rgba(0,0,0,0.125);
}

[data-bs-theme="light"] .list-group-item:hover {
    background-color: rgba(44, 62, 80, 0.05);
}

/* Tooltips */
[data-bs-theme="light"] .tooltip {
    --bs-tooltip-bg: #2c3e50;
    --bs-tooltip-color: #ffffff;
}

/* Popovers */
[data-bs-theme="light"] .popover {
    background-color: #ffffff;
    border-color: rgba(0,0,0,0.2);
}

[data-bs-theme="light"] .popover-header {
    background: linear-gradient(135deg, rgba(44, 62, 80, 0.1) 0%, rgba(44, 62, 80, 0.05) 100%);
    border-bottom-color: rgba(44, 62, 80, 0.1);
}

/* Modal backdrop */
[data-bs-theme="light"] .modal-backdrop {
    background-color: rgba(0,0,0,0.5);
}

/* Offcanvas */
[data-bs-theme="light"] .offcanvas {
    background-color: #ffffff;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

/* Breadcrumb active item */
[data-bs-theme="light"] .breadcrumb-item.active {
    color: #2c3e50;
    font-weight: 500;
}

/* Code blocks */
[data-bs-theme="light"] code {
    background-color: rgba(44, 62, 80, 0.05);
    color: #e83e8c;
}

[data-bs-theme="light"] pre {
    background-color: rgba(44, 62, 80, 0.05);
    border: 1px solid rgba(44, 62, 80, 0.1);
}

/* Blockquotes */
[data-bs-theme="light"] blockquote {
    border-left: 4px solid #2c3e50;
    background-color: rgba(44, 62, 80, 0.02);
    padding: 1rem;
    margin: 1rem 0;
}

/* Figures */
[data-bs-theme="light"] .figure-caption {
    color: #6c757d;
}

/* Selection color */
[data-bs-theme="light"] ::selection {
    background-color: rgba(44, 62, 80, 0.2);
    color: #2c3e50;
}

/* Scrollbar para tema claro */
[data-bs-theme="light"] ::-webkit-scrollbar {
    width: 10px;
}

[data-bs-theme="light"] ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

[data-bs-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(44, 62, 80, 0.3);
    border-radius: 5px;
}

[data-bs-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(44, 62, 80, 0.5);
}