/* Portfolio chrome only: peacock-inspired gold replaces dark-mode plum. */
html[data-theme=dark]{--portfolio-gold:#ecb920;--plum:var(--portfolio-gold);--accent:var(--portfolio-gold)}
html[data-theme=dark] .portfolio-shell .portfolio-story{--story-plum:var(--portfolio-gold)}
html[data-theme=dark] .portfolio-shell main.work-pattern-page{--work-callout:var(--portfolio-gold)}
html[data-theme=dark] main#home .work-system-warehouse{--work-accent:var(--portfolio-gold)}
html[data-theme=dark] .portfolio-shell main#home .work-system-warehouse .work-system-actions a,
html[data-theme=dark] .portfolio-shell .portfolio-left-nav .portfolio-header-actions .portfolio-resume-download{background:transparent;border:1px solid var(--portfolio-gold);color:var(--portfolio-gold)}
html[data-theme=dark] .portfolio-shell .portfolio-work-marker[aria-expanded=true],
html[data-theme=dark] .portfolio-shell .portfolio-left-nav .portfolio-work-tree:has(>.portfolio-work-marker[aria-expanded=true])>a[data-nav=work],
html[data-theme=dark] .portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav][aria-current]{color:var(--portfolio-gold)}
html[data-theme=dark] .portfolio-left-nav .inner-global-nav a[data-nav][aria-current]:before,
html[data-theme=dark] .rail a.active:before{background:var(--portfolio-gold);border-color:var(--portfolio-gold)}
html[data-theme=dark] .inner-global-nav a[aria-current]{border-bottom-color:var(--portfolio-gold);border-left-color:var(--portfolio-gold)}
html[data-theme=dark] .hero-copy h1 .word-plum,
html[data-theme=dark] .explore-card h3 .emphasis,
html[data-theme=dark] .case-hero h1 em,
html[data-theme=dark] .focus h2,
html[data-theme=dark] .explore-group h2,
html[data-theme=dark] .explorer-sidebar .focus h2,
html[data-theme=dark] .filter-buttons button svg.icon,
html[data-theme=dark] .supporting-card .card-action,
html[data-theme=dark] .section-head a,
html[data-theme=dark] .impact-grid strong,
html[data-theme=dark] .impact-evidence strong,
html[data-theme=dark] .brief-evidence strong,
html[data-theme=dark] .about-intro .eyebrow,
html[data-theme=dark] .about-years,
html[data-theme=dark] .about-section-label,
html[data-theme=dark] .mf-reflection .mf-check-grid>div:last-child h4{color:var(--portfolio-gold)}
html[data-theme=dark] .portfolio-shell :is(a,button,summary,input,select,[tabindex]):focus-visible{outline-color:var(--portfolio-gold)}
html[data-theme=dark] .portfolio-shell .historical-screen-tabs button:focus-visible,
html[data-theme=dark] .portfolio-shell main .portfolio-tabs [role=tab]:focus-visible{outline-color:var(--portfolio-gold)}
html[data-theme=dark] .portfolio-shell :is(.mf-connected-use-case,.signal-thesis,.note-takeaway){border-left-color:var(--portfolio-gold)}