body {
    --dragonshorn-bg-color: #191919;
    --dragonshorn-bg-color-alt: #1E1E1E;
    --dragonshorn-bg-color-highlight: #292929;
    --dragonshorn-bg-color-hover: #3b3735;
    --dragonshorn-bg-color-light: #5f5f5f;
    --dragonshorn-text-color: #B0B0B0;
    --dragonshorn-text-color-light: #f8f8f8;
    --dragonshorn-text-color-muted: #f1f1f1;
    --dragonshorn-text-color-dark: #141414;
    --dragonshorn-border-gray: #dcdfe6;
    --dragonshorn-orange: rgb(255, 165, 38);
    --dragonshorn-light-orange: #ff9238;
    --dragonshorn-green: #4dda56;
    --dragonshorn-light-green: #6fe76a;


    background-color: var(--dragonshorn-bg-color);
    color: var(--dragonshorn-text-color);
}

.text-dark {
    color: var(--dragonshorn-text-color-muted) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--dragonshorn-text-color);
}

a {
    color: var(--dragonshorn-orange);
    text-decoration: none;
}

.table {
    --bs-table-bg: var(--dragonshorn-bg-color-highlight);
}

.list-group {
    --bs-list-group-bg: var(--dragonshorn-bg-color-highlight);
    --bs-list-group-action-hover-bg: var(--dragonshorn-bg-color-hover);
}

.btn {
    --bs-btn-border-color: var(--dragonshorn-orange);
    --bs-btn-hover-border-color: var(--dragonshorn-orange);
    --bs-btn-hover-bg: var(--dragonshorn-light-orange);
    --bs-btn-hover-color: var(--dragonshorn-text-color-dark);
    --bs-btn-focus-border-color: var(--dragonshorn-orange);
    --bs-btn-focus-bg: var(--dragonshorn-orange);
}

.btn-primary {
    --bs-btn-bg: var(--dragonshorn-orange);
    --bs-btn-border-color: var(--dragonshorn-orange);
    --bs-btn-hover-bg: var(--dragonshorn-light-orange);
    --bs-btn-hover-border-color: var(--dragonshorn-light-orange);
    --bs-btn-focus-bg: var(--dragonshorn-orange);
    --bs-btn-focus-border-color: var(--dragonshorn-orange);
    --bs-btn-color: var(--dragonshorn-text-color-dark);
}

.btn-outline-primary {
    --bs-btn-color: var(--dragonshorn-orange);
}


.btn-success {
    --bs-btn-bg: var(--dragonshorn-green);
    --bs-btn-border-color: var(--dragonshorn-green);
    --bs-btn-hover-bg: var(--dragonshorn-light-green);
    --bs-btn-hover-border-color: var(--dragonshorn-light-green);
    --bs-btn-focus-bg: var(--dragonshorn-green);
    --bs-btn-focus-border-color: var(--dragonshorn-green);
    --bs-btn-color: var(--dragonshorn-text-color-dark);
}

.btn-secondary {
    --bs-btn-bg: var(--dragonshorn-bg-color-light);
    --bs-btn-border-color: var(--dragonshorn-bg-color-light);
    --bs-btn-hover-bg: var(--dragonshorn-bg-color-light);
    --bs-btn-hover-border-color: var(--dragonshorn-bg-color-light);
    --bs-btn-focus-bg: var(--dragonshorn-bg-color-light);
    --bs-btn-focus-border-color: var(--dragonshorn-bg-color-light);
    --bs-btn-color: var(--dragonshorn-text-color-light);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--dragonshorn-light-orange);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 165, 38, .25);
}

.form-select:focus {
    border-color: var(--dragonshorn-light-orange);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 165, 38, .25);
}