/* Главный фирменный цвет Арены */

:root {
    --brand-red: #B22000;
    --brand-red-hover: #8F1A00;
    --brand-red-soft: #FFF1ED;

    /* Перехватываем переменные разных страниц */
    --arena-red: var(--brand-red);
    --arena-red-hover: var(--brand-red-hover);
    --apple-red: var(--brand-red);
    --home-red: var(--brand-red);
    --home-red-dark: var(--brand-red-hover);
    --home-red-soft: var(--brand-red-soft);
    --studio-red: var(--brand-red);
    --studio-red-soft: var(--brand-red-soft);
}

/* Основные кнопки */

.button,
.btn-primary,
button.button,
input[type="submit"] {
    border-color: var(--brand-red) !important;
    background: var(--brand-red) !important;
    color: #fff !important;
}

.button:hover,
.btn-primary:hover,
button.button:hover,
input[type="submit"]:hover {
    border-color: var(--brand-red-hover) !important;
    background: var(--brand-red-hover) !important;
    color: #fff !important;
}

/* Кнопка регистрации/входа в шапке */

.topbar .nav-links > .button,
.topbar .nav-links > a.button {
    min-width: 88px;
    border-color: var(--brand-red) !important;
    background: var(--brand-red) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.topbar .nav-links > .button:hover,
.topbar .nav-links > a.button:hover {
    border-color: var(--brand-red-hover) !important;
    background: var(--brand-red-hover) !important;
    color: #fff !important;
}

/* Красные ссылки административной части */

.admin-link,
.red-eyebrow,
.eyebrow.red-eyebrow {
    color: var(--brand-red) !important;
}

/* Выбранные состояния */

input[type="radio"],
input[type="checkbox"] {
    accent-color: var(--brand-red);
}

.question-mode-options > div:has(input:checked) label,
.question-prompt-format-options > div:has(input:checked) label {
    border-color: rgba(178, 32, 0, 0.38) !important;
    background: var(--brand-red-soft) !important;
}

/* Прогресс и активные элементы */

.progress-track > span,
.home-progress-bars span:last-child,
.home-chart-point {
    background: var(--brand-red) !important;
}

.home-chart-line,
.dashboard-chart-line {
    stroke: var(--brand-red) !important;
}

.dashboard-chart-point {
    fill: var(--brand-red) !important;
}