/*
 * Dark-mode corrections on top of the Around theme (public/css/theme.css).
 *
 * The brand navy (#354ca2) is used for links, .text-primary, breadcrumbs and
 * step numbers. On the dark body (#121519) it only reaches ~2.3:1 contrast, so
 * in dark mode we switch text-level uses to the theme's own dark link tint
 * (#8694c7, ~6:1). Buttons and bg-primary surfaces keep the brand navy.
 * Sections pinned with data-bs-theme="light" are left alone.
 */
[data-bs-theme="dark"] {
    --ar-link-color: #8694c7;
    --ar-link-color-rgb: 134, 148, 199;
    --ar-link-hover-color: #9ea9d2;
    --ar-link-hover-color-rgb: 158, 169, 210;
}

[data-bs-theme="dark"] .text-primary:not([data-bs-theme="light"] *) {
    color: rgba(134, 148, 199, var(--ar-text-opacity, 1)) !important;
}

[data-bs-theme="dark"] .breadcrumb:not([data-bs-theme="light"] *) {
    --ar-breadcrumb-item-active-color: #8694c7;
}

[data-bs-theme="dark"] .steps:not([data-bs-theme="light"] *) {
    --ar-steps-number-color: #8694c7;
}

[data-bs-theme="dark"] .btn-outline-primary:not([data-bs-theme="light"] *) {
    --ar-btn-color: #8694c7;
    --ar-btn-border-color: #8694c7;
}