/* ============================================================
                   THEME SYSTEM — provider-based accent colours
                   body.theme-hf  → Hugging Face (warm yellow / orange)
                   body.theme-gh  → GitHub (blue, current default)
                   body.theme-cf is handled inside the Cloudflare layer (orange)
                   ============================================================ */
                body.theme-hf {
                    --accent: #ffb340;
                    --accent-dark: #d97b00;
                    --accent-soft: rgba(255,179,64,.18);
                    --accent-border: #e08800;
                }
                body.theme-gh {
                    --accent: #58a6ff;
                    --accent-dark: #0e639c;
                    --accent-soft: rgba(88,166,255,.18);
                    --accent-border: #1f6feb;
                }

                /* Header title gradient */
                body.theme-hf #headerTitle {
                    background-image: linear-gradient(to right, #ffd21e, #ff9d00) !important;
                }
                body.theme-gh #headerTitle {
                    background-image: linear-gradient(to right, #58a6ff, #a371f7) !important;
                }

                /* Bottom-nav active tab */
                body.theme-hf .nav-btn.active { color: #ffb340; }
                body.theme-gh .nav-btn.active { color: #58a6ff; }

                /* Provider-switch active pill */
                body.theme-hf .prov-btn.active { color: #ffb340; }
                body.theme-gh .prov-btn.active { color: #58a6ff; }

                /* Segmented controls (all sizes) */
                body.theme-hf .seg button.active { color: #ffb340; }
                body.theme-gh .seg button.active { color: #58a6ff; }

                /* Sub-tabs in Settings / Repo settings */
                body.theme-hf .stab.active { border-bottom-color: #ffb340; }
                body.theme-gh .stab.active { border-bottom-color: #58a6ff; }

                /* Focused inputs */
                body.theme-hf .modern-input:focus { border-color: #ffb340; }
                body.theme-gh .modern-input:focus { border-color: #58a6ff; }

                /* Themed blue buttons */
                body.theme-hf .mini-btn.blue { background: #d97b00; border-color: #ffb340; }
                body.theme-hf .mini-btn.blue:active { background: #ffb340; }
                body.theme-hf .blue-btn { background: #d97b00; border-color: #ffb340; }
                body.theme-hf .blue-btn:active { background: #ffb340; }
                body.theme-hf .primary-btn.blue-btn { background: #d97b00; border-color: #ffb340; }

                /* Command bar accents */
                body.theme-hf .cmd-bar:focus-within { border-color: #ffb340; }
                body.theme-hf .cmd-slash { color: #ffb340; }
                body.theme-hf .cmd-slash.on { background: rgba(255,157,0,.2); border-color: #ffb340; }
                body.theme-hf .cmd-item b { color: #ffb340; }

                /* Account chips */
                body.theme-hf .chip.active { border-color: #ffb340; background: rgba(255,157,0,.22); color: #ffd08a; }
                body.theme-gh .chip.active { border-color: #58a6ff; background: rgba(30,58,138,.5); color: #93c5fd; }

                /* Theme-aware Tailwind overrides for HF mode */
                body.theme-hf .text-blue-400 { color: #ffb340 !important; }
                body.theme-hf .text-blue-300 { color: #ffd08a !important; }
                body.theme-hf .border-blue-500 { border-color: #ffb340 !important; }
                body.theme-hf .bg-blue-500 { background-color: #d97b00 !important; }

                /* HF-specific component touches */
                body.theme-hf .cfsec.active { color: #ffb340; border-color: #ffb340; background: rgba(255,157,0,.12); }
                body.theme-hf .ver-chip.sel { border-color: #ffb340; background: rgba(255,157,0,.2); }
                body.theme-hf .bs-row.act .bs-main { border-color: #ffb340; }
                body.theme-hf .link-scroll { color: #ffd08a; }
                body.theme-hf .drow.add { background: rgba(255,157,0,.15); }

                        /* ============================================================
                           THEME v2 — much stronger overrides so changes are obvious
                           ============================================================ */