/*
 * imwald / magazine dark color scheme (second stylesheet).
 * Loaded only when data-color-scheme="dark" and config theme_stylesheet_dark is set.
 * Override tokens here; keep components using var(--color-…).
 */
html[data-color-scheme="dark"] {
    /* Backgrounds */
    --color-bg: #1c1a18;
    --color-bg-light: #262320;
    --color-bg-primary: #2f2b27;
    /* Text */
    --color-text: #e8e1d9;
    --color-text-mid: #b7ada3;
    --color-text-contrast: #1c1a18;
    /* Accents (muted greens) */
    --color-primary: #8faf8f;
    --color-secondary: #a8c3a8;
    --color-primary-strong: #6f9a6f;
    --color-border: #3a3632;
    --color-border-soft: #2a2724;
    --color-text-light: var(--color-text-mid);
    --color-footer-bg: #1c1a18;
    --color-footer-text: var(--color-text);
    --color-footer-link: var(--color-primary);
    --color-highlight-mark-fg: #1c1a18;
    --color-link: #8faf8f;
    --color-link-hover: #a8c3a8;
    --color-link-visited: #7e9f7e;
    --color-focus-ring: #8faf8f;
    --color-shadow: color-mix(in srgb, #000 28%, transparent);
    --brand-color: #e8e1d9;
    --accent-color: var(--color-secondary);
    /* Reading pane / headline stack: clearly lifted from --color-bg (88/12 was visually identical). */
    --article-reading-pane-bg: color-mix(in srgb, var(--color-bg) 28%, var(--color-bg-light) 72%);
    --article-reading-prose-color: color-mix(in srgb, var(--color-text-mid) 38%, var(--color-text) 62%);
}

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: #d8d0c8;
}

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: #2f2b27;
}