/*
 * GitCitadel dark color scheme.
 * Loaded only when data-color-scheme="dark" and config theme_stylesheet_dark is set.
 * Palette mirrors gitcitadel-online/static/css/main.css exactly:
 *   bg-primary #2d2d2d, bg-secondary #1e1e1e, accent #7c9eff, hover #9bb3ff, visited #a58fff.
 */
html[data-color-scheme="dark"] {
    /* Backgrounds */
    --color-bg: #1e1e1e;                 /* --bg-secondary from gitcitadel-online */
    --color-bg-light: #2d2d2d;           /* --bg-primary */
    --color-bg-primary: #3a3a3a;         /* Slightly lifted surface */
    /* Text */
    --color-text: #f0f0f0;               /* --text-primary */
    --color-text-mid: #c0c0c0;           /* --text-secondary */
    --color-text-contrast: #1e1e1e;
    /* Accents — periwinkle/lavender from gitcitadel-online */
    --color-primary: #7c9eff;            /* --accent-color / --link-color */
    --color-secondary: #9bb3ff;          /* --link-hover */
    --color-primary-strong: #6b8bef;
    --color-border: #404040;             /* --border-color */
    --color-border-soft: #333333;
    --color-text-light: var(--color-text-mid);
    --color-footer-bg: #1e1e1e;
    --color-footer-text: var(--color-text);
    --color-footer-link: var(--color-primary);
    --color-highlight-mark-fg: #1e1e1e;
    --color-link: #7c9eff;
    --color-link-hover: #9bb3ff;
    --color-link-visited: #a58fff;       /* --link-visited: lavender-purple */
    --color-focus-ring: #9bb3ff;
    --color-shadow: color-mix(in srgb, #000 32%, transparent);
    --brand-color: #f0f0f0;
    --accent-color: var(--color-secondary);
    --article-reading-pane-bg: color-mix(in srgb, var(--color-bg) 30%, var(--color-bg-light) 70%);
    --article-reading-prose-color: color-mix(in srgb, var(--color-text-mid) 35%, var(--color-text) 65%);
}

html[data-color-scheme="dark"] a:visited {
    color: var(--color-link-visited);
}

html[data-color-scheme="dark"] .article-main p,
html[data-color-scheme="dark"] .article-main ul,
html[data-color-scheme="dark"] .article-main ol,
html[data-color-scheme="dark"] .article-main li {
    font-weight: 450;
}

html[data-color-scheme="dark"] .home-aside-highlights__item-inner {
    border-left: 2px solid var(--color-primary);
    padding-left: 0.5rem;
    background: color-mix(in srgb, var(--color-bg-light) 55%, transparent);
}

html[data-color-scheme="dark"] .home-aside-highlights__quote {
    color: #d8d4ee;
}

html[data-color-scheme="dark"] .home-aside-highlights__item-inner:hover,
html[data-color-scheme="dark"] .home-aside-highlights__item-inner:has(.home-aside-highlights__hit:focus-visible) {
    background: #3a3a3a;
}

/* Reply toasts: override base article.css for dark. */
html[data-color-scheme="dark"] .reply-toast--success {
    border-color: #3a8a55;
    background: color-mix(in srgb, var(--color-bg) 70%, #2f7a4b 30%);
    color: var(--color-text);
}

html[data-color-scheme="dark"] .reply-toast--error {
    border-color: #b03030;
    background: color-mix(in srgb, var(--color-bg) 70%, #a12b2b 30%);
    color: var(--color-text);
}

html[data-color-scheme="dark"] .header__cat-link--cta.header__cat-link--active,
html[data-color-scheme="dark"] .header__cat-link--cta.header__cat-link--active:hover {
    color: #121212;
}