:root {
    --apq-bg: #ffffff;
    --apq-text: #1c1c1c;
    --apq-card-bg: #f8f9fa;
}

[data-theme="dark"] {
    --apq-bg: #12161c;
    --apq-text: #eef1f5;
    --apq-card-bg: #1b212b;
    color-scheme: dark;
}

body {
    background-color: var(--apq-bg);
    color: var(--apq-text);
    transition: background-color .2s ease, color .2s ease;
}

[data-theme="dark"] .card,
[data-theme="dark"] .bg-light {
    background-color: var(--apq-card-bg) !important;
    color: var(--apq-text);
}

[data-theme="dark"] .navbar,
[data-theme="dark"] header.bg-white {
    background-color: var(--apq-card-bg) !important;
}

[data-theme="dark"] .navbar .nav-link,
[data-theme="dark"] .navbar-brand,
[data-theme="dark"] .navbar .dropdown-toggle,
[data-theme="dark"] .navbar .dropdown-item {
    color: var(--apq-text) !important;
}

[data-theme="dark"] .navbar .nav-link:hover,
[data-theme="dark"] .navbar .dropdown-item:hover {
    color: #8ab4ff !important;
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--apq-card-bg);
    border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28238, 241, 245, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-theme="dark"] .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.25);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #ffbf47;
    outline-offset: 2px;
}

.likert-option input[type="radio"] {
    width: 1.3rem;
    height: 1.3rem;
}