    /* --- Academic / Museum Color Palette & Typography --- */
    :root {
        --bg-archive: #fcfbfa;       /* Soft, premium off-white paper background */
        --text-primary: #1a1a1a;     /* Deep charcoal for optimal reading contrast */
        --text-muted: #595959;       /* Accessible secondary text */
        --border-subtle: #e6e4e2;    /* Soft dividing lines */
        --moose-orange: #ff7a00;     /* Signature Moose Orange Accent */
        
        /* Light Mode Text Shadow: Delicate premium paper ink-bleed look */
        --readable-shadow: 1px 1px 2px rgba(210, 205, 200, 0.6);
    }

    /* Support for Bootstrap Dark Theme Override */
    [data-bs-theme="dark"] {
        --bg-archive: #121110;
        --text-primary: #f5f3f0;
        --text-muted: #d1cdca;
        --border-subtle: #2c2926;
        
        /* Dark Mode Text Shadow: Deep charcoal halo to prevent pixel bleeding */
        --readable-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
    }
    /* Add this line right below to force paragraph text out of the dark grey range */
    /* Force paragraph text out of the dark grey range in dark mode */
    [data-bs-theme="dark"] .text-secondary,
    [data-bs-theme="dark"] .btn-outline-secondary {
        color: var(--text-muted) !important;
        border-color: var(--border-subtle) !important;
    }

    html, body {
        background-color: var(--bg-archive);
        color: var(--text-primary);
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        -webkit-font-smoothing: antialiased;
    }

    /* Applying global readability text shadows across the page architecture */
    h1, h2, h3, h4, p, span, a, div {
        text-shadow: var(--readable-shadow);
    }

    /* Serif Typography for Editorial Authority */
    h1, h2, h3, h4, .editorial-serif {
        font-family: 'Playfair Display', Georgia, serif;
        letter-spacing: -0.02em;
    }
    
    /* Force explicit color states based on theme */
    html:not([data-bs-theme="dark"]) h1, 
    html:not([data-bs-theme="dark"]) h2, 
    html:not([data-bs-theme="dark"]) h3 { color: #000000; }
    [data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3 { color: #ffffff; }

    h1 { font-size: 2.75rem; font-weight: 700; line-height: 1.2; }
    h2 { font-size: 1.85rem; font-weight: 600; line-height: 1.3; border-bottom: 1px solid var(--border-subtle); padding-bottom: 0.5rem; }
    h3 { font-size: 1.3rem; font-weight: 600; line-height: 1.7; }

    p {
        font-size: 1.1rem;
        line-height: 1.75;
        margin-bottom: 1.5rem;
    }

    /* --- Structural Elements --- */
    .content-container {
        max-width: 850px;
    }

    .symbol-card {
        background-color: #ffffff;
        border: 1px solid var(--border-subtle);
        border-radius: 12px;
        padding: 24px;
        height: 100%;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
        transition: transform 0.2s ease;
    }
    [data-bs-theme="dark"] .symbol-card {
        background-color: #1c1a18;
    }

    .meta-line {
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--text-muted);
        font-weight: 600;
    }

    .text-none {
        text-transform: none !important;
    }

    /* Support background adaptive card behaviors */
    .bg-card-theme {
        background-color: #ffffff;
    }
    [data-bs-theme="dark"] .bg-card-theme {
        background-color: #1c1a18;
    }

    /* --- Footer & Utility Custom Styling --- */
    .font-serif {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 1.05rem;
    }
    html:not([data-bs-theme="dark"]) .font-serif { color: #1a1a1a; }
    [data-bs-theme="dark"] .font-serif { color: #ffffff; }

    .utility-link {
        color: var(--text-muted);
        font-family: 'Inter', sans-serif;
        font-weight: 500;
        letter-spacing: 0.08em;
        transition: color 0.2s ease-in-out;
    }

    .utility-link:hover {
        color: var(--moose-orange) !important;
        text-decoration: underline !important;
    }

    .registry-link {
        transition: opacity 0.2s ease-in-out;
    }
    .registry-link:hover .font-serif {
        color: var(--moose-orange) !important;
        text-decoration: underline !important;
    }

    .text-hint {
        color: #d1cdca;
    }
    [data-bs-theme="dark"] .text-hint { color: #4a4540; }

    .hover-link { transition: color 0.2s; }
    .hover-link:hover { color: var(--moose-orange) !important; text-decoration: underline !important; }
    
    /* Master Footer Class Override */
    .custom-obsidian-footer {
        background-color: #1c1a18 !important;
        border-top: 1px solid #2c2926;
    }

    /* Custom Vocabulary Trigger with Moose Orange Integration */
    .vocab-trigger {
        color: var(--moose-orange) !important;
        transition: opacity 0.15s ease-in-out;
    }

    .vocab-trigger:hover {
        opacity: 0.8;
        color: var(--moose-orange) !important;
    }

    /* Custom style for interactive research links */
    .keyword-link {
        color: var(--bs-primary) !important;
        text-decoration: none !important;
        display: inline-block;
        transition: text-decoration 0.15s ease-in-out;
    }
    .keyword-link:hover {
        text-decoration: underline !important;
    }
