:root {
    --qb-header-height: 3.5rem;
    --qb-accent: rgb(244, 126, 74);
    --qb-accent-rgb: 244, 126, 74;
    --qb-accent-hover: #e06d3f;
    --qb-primary: var(--qb-accent);
    --qb-primary-hover: var(--qb-accent-hover);

    --tblr-primary: #f47e4a;
    --tblr-primary-rgb: 244, 126, 74;
    --bs-primary: #f47e4a;
    --bs-primary-rgb: 244, 126, 74;

    --qb-bg: #f8fafc;
    --qb-surface: #ffffff;
    --qb-text: #0f172a;
    --qb-bug-report-bg: #ffeadc;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.card-title {
    color: var(--qb-accent);
}

[data-qb-live-question-text] {
    color: var(--qb-text);
}

.badge.bg-azure-lt {
    background: rgba(var(--qb-accent-rgb), 0.15) !important;
    color: var(--qb-accent-hover) !important;
}

.btn-primary {
    --bs-btn-bg: var(--qb-accent);
    --bs-btn-border-color: var(--qb-accent);
    --bs-btn-hover-bg: var(--qb-accent-hover);
    --bs-btn-hover-border-color: var(--qb-accent-hover);
    --bs-btn-active-bg: var(--qb-accent-hover);
    --bs-btn-active-border-color: var(--qb-accent-hover);
    --bs-btn-disabled-bg: var(--qb-accent);
    --bs-btn-disabled-border-color: var(--qb-accent);
}

.text-primary {
    color: rgba(var(--qb-accent-rgb), 1) !important;
}

[data-bs-theme="dark"] {
    --qb-bg: #0f172a;
    --qb-surface: #1e293b;
    --qb-text: #f8fafc;
    --qb-accent-hover: #f5936b;
}