[data-bs-theme="dark"] {
    --bs-body-color: #DDD;
    --bs-body-bg: #181818;
    --bs-primary: #9370DB;
    --bs-secondary: #FFD700;
    --bs-warning: #FFA500;
    --bs-danger: #FF4C4C;
    --bs-info: #5AC8FA;
    --bs-success: #32CD32;

    --bs-tertiary-bg-rgb: 40, 40, 40;
    --bs-body-color-rgb: 221, 221, 221;
    --bs-body-bg-rgb: 24, 24, 24;
    --bs-primary-rgb: 147, 112, 219;
    --bs-secondary-rgb: 255, 215, 0;
    --bs-warning-rgb: 255, 165, 0;
    --bs-danger-rgb: 255, 76, 76;
    --bs-info-rgb: 90, 200, 250;
    --bs-success-rgb: 50, 205, 50;

    .btn-primary {
        --bs-btn-bg: var(--bs-primary);
        --bs-btn-color: #fff;
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.85);
        --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), 0.85);
    }

    .btn-secondary {
        --bs-btn-bg: var(--bs-secondary);
        --bs-btn-color: #000;
        --bs-btn-border-color: var(--bs-secondary);
        --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), 0.85);
        --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), 0.85);
    }

    .btn-warning {
        --bs-btn-bg: var(--bs-warning);
        --bs-btn-color: #000;
        --bs-btn-border-color: var(--bs-warning);
        --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), 0.85);
        --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), 0.85);
    }

    .btn-danger {
        --bs-btn-bg: var(--bs-danger);
        --bs-btn-color: #fff;
        --bs-btn-border-color: var(--bs-danger);
        --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), 0.85);
        --bs-btn-hover-border-color: rgba(var(--bs-danger-rgb), 0.85);
    }

    .btn-info {
        --bs-btn-bg: var(--bs-info);
        --bs-btn-color: #000;
        --bs-btn-border-color: var(--bs-info);
        --bs-btn-hover-bg: rgba(var(--bs-info-rgb), 0.85);
        --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), 0.85);
    }

    .btn-success {
        --bs-btn-bg: var(--bs-success);
        --bs-btn-color: #000;
        --bs-btn-border-color: var(--bs-success);
        --bs-btn-hover-bg: rgba(var(--bs-success-rgb), 0.85);
        --bs-btn-hover-border-color: rgba(var(--bs-success-rgb), 0.85);
    }

    .btn-outline {
        --bs-btn-bg: transparent;
        --bs-btn-color: var(--bs-primary);
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.1);
        --bs-btn-hover-color: var(--bs-primary);
        --bs-btn-hover-border-color: var(--bs-primary);

        background-color: var(--bs-btn-bg);
        color: var(--bs-btn-color);
        border: 1px solid var(--bs-btn-border-color);
        padding: 0.5rem 1rem;
        border-radius: 0.375rem;
        transition: background-color 0.2s, border-color 0.2s, color 0.2s;
    }

    .btn-outline:hover {
        background-color: var(--bs-btn-hover-bg);
        color: var(--bs-btn-hover-color);
        border-color: var(--bs-btn-hover-border-color);
    }

    .btn-outline-primary {
        --bs-btn-color: var(--bs-primary);
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.15);
    }

    .btn-outline-secondary {
        --bs-btn-color: var(--bs-secondary);
        --bs-btn-border-color: var(--bs-secondary);
        --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), 0.15);
    }

    .btn-outline-warning {
        --bs-btn-color: var(--bs-warning);
        --bs-btn-border-color: var(--bs-warning);
        --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), 0.15);
    }

    .btn-outline-danger {
        --bs-btn-color: var(--bs-danger);
        --bs-btn-border-color: var(--bs-danger);
        --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), 0.15);
    }

    .btn-outline-info {
        --bs-btn-color: var(--bs-info);
        --bs-btn-border-color: var(--bs-info);
        --bs-btn-hover-bg: rgba(var(--bs-info-rgb), 0.15);
    }

    .btn-outline-success {
        --bs-btn-color: var(--bs-success);
        --bs-btn-border-color: var(--bs-success);
        --bs-btn-hover-bg: rgba(var(--bs-success-rgb), 0.15);
    }

    .text-bg-secondary {
        color: black !important;
    }

    .card:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transform: translateY(-5px);
        transition: all 0.3s ease;
    }

    .text-bg-tool{
        background: #308FAC;
        color: #DDD;
    }
}