/* =====================================================================
   Dark theme — overrides semantic role tokens when [data-theme="dark"].
   Adapted to v6 palette (navy primary + clay accent + earth modules).
   ===================================================================== */

:root[data-theme="dark"],
:root[data-bs-theme="dark"] {
    color-scheme: dark;

    /* Surfaces — deep navy ink, never pure black */
    --idx-bg:            var(--idx-ink-1000);
    --idx-bg-subtle:     var(--idx-ink-900);
    --idx-bg-strong:     #050811;
    --idx-surface:       var(--idx-ink-900);
    --idx-surface-2:     var(--idx-ink-800);

    /* Text */
    --idx-fg:            #ECEFF7;
    --idx-fg-display:    #F7F8FC;
    --idx-fg-muted:      var(--idx-ink-300);
    --idx-fg-subtle:     var(--idx-ink-400);
    --idx-fg-on-strong:  #ECEFF7;

    /* Borders — translucent so they sit on any dark surface */
    --idx-border:        rgba(198, 202, 214, 0.12);
    --idx-border-strong: rgba(198, 202, 214, 0.20);

    /* Brand — shift navy one step lighter to remain readable on dark */
    --idx-primary:       var(--idx-navy-300);
    --idx-primary-fg:    var(--idx-ink-1000);
    --idx-primary-hover: #92A4C7;
    --idx-primary-press: var(--idx-navy-300);
    --idx-primary-soft:  rgba(111, 132, 176, 0.16);

    /* Accent (clay works on both themes) */
    --idx-accent:        var(--idx-clay-500);
    --idx-accent-fg:     var(--idx-ink-1000);
    --idx-accent-soft:   rgba(184, 85, 46, 0.16);

    /* Blog editorial accent — lift the slate one step for readable
       contrast on the dark surfaces. */
    --idx-blog-accent:      #A9B5D0;
    --idx-blog-accent-soft: #C3CCDF;
    --idx-blog-bar:         #A9B5D0;

    /* Module accents lift slightly for contrast on dark */
    --idx-mod-admin:     var(--idx-navy-300);
    --idx-mod-account:   #8B7DB8;
    --idx-mod-bank:      #5C9A93;
    --idx-mod-payroll:   var(--idx-clay-500);
    --idx-mod-asset:     #B8965C;
    --idx-mod-lease:     #A88080;
    --idx-mod-prod:      #6B7585;

    /* Grid motif on dark: brighter line, lower opacity */
    --idx-grid:
        linear-gradient(to right, rgba(255,255,255,0.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,0.045) 1px, transparent 1px);

    /* Shadows */
    --idx-shadow-hairline: inset 0 0 0 1px var(--idx-border);
    --idx-shadow-sm: 0 1px 0 rgba(0,0,0,0.30), 0 1px 3px rgba(0,0,0,0.30);
    --idx-shadow-md: 0 6px 20px -6px rgba(0,0,0,0.55);
    --idx-shadow-lift: 0 28px 56px -16px rgba(0,0,0,0.70), 0 2px 6px rgba(0,0,0,0.40);
    --idx-shadow-focus: 0 0 0 2px var(--idx-bg), 0 0 0 4px var(--idx-primary);

    /* Bootstrap 5 bridges */
    --bs-body-bg:        var(--idx-bg);
    --bs-body-color:     var(--idx-fg);
    --bs-tertiary-bg:    var(--idx-surface);
    --bs-secondary-bg:   var(--idx-surface-2);
    --bs-border-color:   var(--idx-border);
    --bs-emphasis-color: var(--idx-fg-display);
}