/* Accent colors match the corresponding dots in the Tools menu. */
body[data-tool-theme="vocal"], body[data-tool-theme="asr"] { --tool-accent: #8a5cf6; --tool-on-accent: #fff; }
body[data-tool-theme="noise"] { --tool-accent: #b7f26c; --tool-on-accent: #111; }
body[data-tool-theme="tts"] { --tool-accent: #11bfa7; --tool-on-accent: #071411; }
body[data-tool-theme="voice"] { --tool-accent: #e06c9f; --tool-on-accent: #111; }
body[data-tool-theme="convert"] { --tool-accent: #f2a25c; --tool-on-accent: #111; }
body[data-tool-theme] { --green: var(--tool-accent); --green-dark: color-mix(in srgb, var(--tool-accent) 15%, var(--bg)); --acc: var(--tool-accent); --acc-2: color-mix(in srgb, var(--tool-accent) 80%, white); --acc-glow: color-mix(in srgb, var(--tool-accent) 35%, transparent); }
body[data-tool-theme] .nav-action, body[data-tool-theme] .download-button,
body[data-tool-theme] .segmented button.active, body[data-tool-theme] .compare-switch button.active,
body[data-tool-theme] .wave-play-button.is-playing, body[data-tool-theme] .result-status > span,
body[data-tool-theme] .btn-start, body[data-tool-theme] .btn-go, body[data-tool-theme] .btn-play,
body[data-tool-theme] .chip[aria-pressed="true"] { color: var(--tool-on-accent); }
body[data-tool-theme] .nav-action { background: var(--tool-accent); }
body[data-tool-theme] .upload-cta { background: var(--tool-accent); color: var(--tool-on-accent) !important; box-shadow: 0 8px 18px color-mix(in srgb, var(--tool-accent) 20%, transparent); }
body[data-tool-theme="tts"]::before { background: radial-gradient(720px 380px at 12% -8%, color-mix(in srgb, var(--tool-accent) 18%, transparent), transparent 70%), radial-gradient(620px 340px at 92% 4%, color-mix(in srgb, var(--tool-accent) 10%, transparent), transparent 70%); }
body[data-tool-theme="spatial"] { --tool-accent: #38bdf8; --tool-on-accent: #07131b; }
/* Shared navigation for all audio tools. */
.tool-switch { max-width: 1180px; margin: 0 auto; padding: 0 24px 40px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.tool-switch a { display: inline-flex; align-items: center; padding: 9px 17px; border: 1px solid var(--line, #2b303a); border-radius: 999px; color: var(--muted, var(--fg-2, #9a9daa)); font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none; white-space: nowrap; transition: border-color .16s, color .16s, background .16s; }
.tool-switch a:hover { border-color: var(--green, var(--acc)); color: var(--text, var(--fg)); }
.tool-switch a[aria-current="page"] { border-color: var(--green, var(--acc)); color: var(--green, var(--acc)); background: color-mix(in srgb, var(--green, var(--acc)) 12%, var(--bg)); }
.tool-switch a:focus-visible { outline: 2px solid var(--green, var(--acc)); outline-offset: 3px; }
@media(max-width:640px) { .tool-switch { padding: 0 18px 32px; gap: 7px; } .tool-switch a { padding: 8px 14px; font-size: 12.5px; } }
@media(prefers-reduced-motion:reduce) { .tool-switch a { transition: none; } }

body[data-tool-theme] .faq-list summary::after,
body[data-tool-theme] .faq-list summary:hover h3,
body[data-tool-theme] .faq-list summary:focus-visible h3,
body[data-tool-theme] .faq summary::after,
body[data-tool-theme] .faq summary:hover,
body[data-tool-theme] .faq summary:focus-visible { color: var(--tool-accent); }
body[data-tool-theme] .faq-list summary:focus-visible,
body[data-tool-theme] .faq summary:focus-visible { outline: 2px solid var(--tool-accent); outline-offset: 3px; }

/* Audio editor menu accents */
:root{--editor-merge-accent:#c4a7ff;--editor-cut-accent:#6ee7b7;}
.nav-menu-dot.merge{background:var(--editor-merge-accent)}
.nav-menu-dot.cut{background:var(--editor-cut-accent)}
/* End audio editor menu accents */

/* Generated effect palette */
body[data-tool-theme="eq"] { --tool-accent:#facc15; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-eq,.effect-card[href$="/eq/"] { --effect-color:#facc15; }
.nav-menu-dot.effect-eq { background:#facc15; }
.effect-links a[href$="/eq/"] { --effect-color:#facc15; }
body[data-tool-theme="add-reverb-to-audio"] { --tool-accent:#b794f6; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-add-reverb-to-audio,.effect-card[href$="/add-reverb-to-audio/"] { --effect-color:#b794f6; }
.nav-menu-dot.effect-add-reverb-to-audio { background:#b794f6; }
.effect-links a[href$="/add-reverb-to-audio/"] { --effect-color:#b794f6; }
body[data-tool-theme="bass-boost"] { --tool-accent:#ff8066; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-bass-boost,.effect-card[href$="/bass-boost/"] { --effect-color:#ff8066; }
.nav-menu-dot.effect-bass-boost { background:#ff8066; }
.effect-links a[href$="/bass-boost/"] { --effect-color:#ff8066; }
body[data-tool-theme="nightcore"] { --tool-accent:#f472d0; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-nightcore,.effect-card[href$="/nightcore/"] { --effect-color:#f472d0; }
.nav-menu-dot.effect-nightcore { background:#f472d0; }
.effect-links a[href$="/nightcore/"] { --effect-color:#f472d0; }
body[data-tool-theme="nightcore-reverse"] { --tool-accent:#818cf8; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-nightcore-reverse,.effect-card[href$="/nightcore-reverse/"] { --effect-color:#818cf8; }
.nav-menu-dot.effect-nightcore-reverse { background:#818cf8; }
.effect-links a[href$="/nightcore-reverse/"] { --effect-color:#818cf8; }
body[data-tool-theme="slowed-reverb"] { --tool-accent:#5eead4; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-slowed-reverb,.effect-card[href$="/slowed-reverb/"] { --effect-color:#5eead4; }
.nav-menu-dot.effect-slowed-reverb { background:#5eead4; }
.effect-links a[href$="/slowed-reverb/"] { --effect-color:#5eead4; }
body[data-tool-theme="sped-up"] { --tool-accent:#22d3ee; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-sped-up,.effect-card[href$="/sped-up/"] { --effect-color:#22d3ee; }
.nav-menu-dot.effect-sped-up { background:#22d3ee; }
.effect-links a[href$="/sped-up/"] { --effect-color:#22d3ee; }
body[data-tool-theme="tiktok-slowed-reverb"] { --tool-accent:#d9f99d; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-tiktok-slowed-reverb,.effect-card[href$="/tiktok-slowed-reverb/"] { --effect-color:#d9f99d; }
.nav-menu-dot.effect-tiktok-slowed-reverb { background:#d9f99d; }
.effect-links a[href$="/tiktok-slowed-reverb/"] { --effect-color:#d9f99d; }
body[data-tool-theme="vaporwave"] { --tool-accent:#e879f9; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-vaporwave,.effect-card[href$="/vaporwave/"] { --effect-color:#e879f9; }
.nav-menu-dot.effect-vaporwave { background:#e879f9; }
.effect-links a[href$="/vaporwave/"] { --effect-color:#e879f9; }
body[data-tool-theme="volume-booster"] { --tool-accent:#f5deb3; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-volume-booster,.effect-card[href$="/volume-booster/"] { --effect-color:#f5deb3; }
.nav-menu-dot.effect-volume-booster { background:#f5deb3; }
.effect-links a[href$="/volume-booster/"] { --effect-color:#f5deb3; }
body[data-tool-theme="effects"] { --tool-accent:#d5e2f2; --tool-on-accent:#10131a; }
.nav-menu-dot.effect-audio-effects,.effect-card[href$="/audio-effects/"] { --effect-color:#d5e2f2; }
.nav-menu-dot.effect-audio-effects { background:#d5e2f2; }
.effect-links a[href$="/audio-effects/"] { --effect-color:#d5e2f2; }
.effect-card[href$="/8d-audio-convert/"],.effect-links a[href$="/8d-audio-convert/"] { --effect-color:#38bdf8; }