/* ============================================================
   CLINICAL ACCENT SYSTEM — Green Theme
   Synchronized with custom-style.scss green palette.
   Links: sky-blue (dark) / deep sky-blue (light)
   ============================================================ */

/* ============================================================
   1. GLOBAL ACCENT & LINKS
   ============================================================ */
body {
    /* HSL for Obsidian accent color picker compatibility */
    --accent-h: 199;
    --accent-s: 89%;
    --accent-l: 48%;

    /* Default (light mode): deep sky blue */
    --text-accent: #0284C7 !important;
    --interactive-accent: #0284C7 !important;
}

body.theme-dark {
    /* Dark mode: sky blue */
    --text-accent: #38BDF8 !important;
    --interactive-accent: #38BDF8 !important;
}

/* Force link colors globally (sidebar, filetree, etc.) */
a, a:link, a:visited,
.markdown-preview-view a {
    color: var(--link-custom-color, #0284C7) !important;
    text-decoration-color: var(--link-custom-color, #0284C7) !important;
    opacity: 1 !important;
}

/* ============================================================
   2. HEADING COLORS — Defer to custom-style.scss
   Sizes and weights are handled by custom-style.scss.
   Only colors are declared here as a reinforcing layer.
   ============================================================ */

/* Dark Theme Heading Colors */
.theme-dark h1 { color: var(--h1-color) !important; }
.theme-dark h2 { color: var(--h2-color) !important; }
.theme-dark h3 { color: var(--h3-color) !important; }
.theme-dark h4 { color: var(--h4-color) !important; }
.theme-dark h5 { color: var(--h5-color) !important; }
.theme-dark h6 { color: var(--h6-color) !important; }

/* Light Theme Heading Colors */
.theme-light h1 { color: var(--h1-color) !important; }
.theme-light h2 { color: var(--h2-color) !important; }
.theme-light h3 { color: var(--h3-color) !important; }
.theme-light h4 { color: var(--h4-color) !important; }
.theme-light h5 { color: var(--h5-color) !important; }
.theme-light h6 { color: var(--h6-color) !important; }

/* ============================================================
   3. INLINE COLOR SPANS (Light Mode Readability)
   ============================================================ */
.theme-light span[style*="color"] {
    filter: invert(1) hue-rotate(180deg);
}