/* ============================================================
   THEME OVERRIDES (only what changes)
   ============================================================ */

/* minimal - uses defaults, no override needed */
.audio-player .option:hover {
	background: rgba(255, 255, 255, 0.5);
}

.audio-player[data-theme="pastel"] {
	--bg: #faf8f5;
	--border: 1px solid #d6dde8;
	--shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
	--btn-bg: #3b4b5e;
	--btn-radius: 30px;
	--progress-accent: #3b4b5e;
}

.audio-player[data-theme="ghost"] {
	--bg: transparent;
	--border: 2px solid #cbd5e1;
	--shadow: none;
	--btn-bg: #1e293b;
	--select-bg: #eef2f8;
	/* Already solid */
	--color: #eef2f8;
	--svg-fill: #eef2f8;
}

.audio-player[data-theme="dark"] {
	--bg: #1e293b;
	--border: 1px solid #334155;
	--shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	--color: #e2e8f0;
	--btn-bg: #facc15;
	--btn-color: #0f172a;
	--btn-hover-bg: #eab308;
	--progress-accent: #facc15;
	--progress-bg: #475569;
	--select-bg: #334155;
	--select-color: #f1f5f9;
	--select-border: 1px solid #475569;
	--speed-bg: #334155;
	--speed-color: #f1f5f9;
	--speed-border: 1px solid #475569;
	--svg-fill: #cbd5e1;
	--range-accent: #facc15;
	--range-bg: #475569;
}

.audio-player[data-theme="playful"] {
	--bg: #fefcf5;
	--border: 1px solid #e5d9c5;
	--radius: 50px;
	--shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
	--btn-bg: #b45309;
	--btn-radius: 50px;
	--btn-hover-bg: #92400e;
	--progress-accent: #b45309;
	--select-bg: #f3ede5;
	--select-border: 1px solid #d6cbb8;
	--speed-bg: #f3ede5;
	--speed-border: 1px solid #d6cbb8;
}

.audio-player[data-theme="ocean"] {
	--bg: #e8f4f8;
	--border: 1px solid #7fb3c7;
	--radius: 28px;
	--shadow: 0 4px 12px rgba(0, 120, 180, 0.06);
	--btn-bg: #1a6b8a;
	--btn-radius: 28px;
	--btn-hover-bg: #0f4f68;
	--progress-accent: #1a6b8a;
	--select-bg: #d4eaf2;
	--select-border: 1px solid #7fb3c7;
	--speed-bg: #d4eaf2;
	--speed-border: 1px solid #7fb3c7;
}

.audio-player[data-theme="forest"] {
	--bg: #eef5ee;
	--border: 1px solid #6b8f71;
	--radius: 24px;
	--shadow: 0 4px 12px rgba(60, 100, 60, 0.05);
	--btn-bg: #2d5a27;
	--btn-radius: 24px;
	--btn-hover-bg: #1d3f18;
	--progress-accent: #2d5a27;
	--select-bg: #dce8dc;
	--select-border: 1px solid #6b8f71;
	--speed-bg: #dce8dc;
	--speed-border: 1px solid #6b8f71;
}

.audio-player[data-theme="neon"] {
	--bg: #161b22;
	--border: 2px solid #00ffcc;
	--radius: 20px;
	--shadow: 0 0 30px rgba(0, 255, 204, 0.05);
	--color: #a0f0e0;
	--prefix-bg: #1f2a33;
	--prefix-color: #a0f0e0;
	--btn-bg: #00ffcc;
	--btn-color: #161b22;
	--btn-radius: 20px;
	--btn-hover-bg: #00e6b8;
	--progress-accent: #00ffcc;
	--progress-bg: #2a3845;
	--select-bg: #1f2a33;
	--select-color: #a0f0e0;
	--select-border: 1px solid #00ffcc;
	--speed-bg: #1f2a33;
	--speed-color: #a0f0e0;
	--speed-border: 1px solid #00ffcc;
	--svg-fill: #a0f0e0;
}

.audio-player[data-theme="midnight"] {
	--bg: #1a1f35;
	--border: 1px solid #2d3561;
	--radius: 20px;
	--shadow: 0 4px 12px rgba(20, 30, 60, 0.3);
	--color: #c4d0ff;
	--prefix-bg: #252d4a;
	--prefix-color: #c4d0ff;
	--btn-bg: #5b7fff;
	--btn-color: #ffffff;
	--btn-radius: 20px;
	--btn-hover-bg: #4a6ae6;
	--progress-accent: #5b7fff;
	--progress-bg: #2d3561;
	--select-bg: #252d4a;
	--select-color: #c4d0ff;
	--select-border: 1px solid #2d3561;
	--speed-bg: #252d4a;
	--speed-color: #c4d0ff;
	--speed-border: 1px solid #2d3561;
	--svg-fill: #c4d0ff;
	--range-accent: #5b7fff;
	--range-bg: #2d3561;
}

.audio-player[data-theme="cyberpunk"] {
	--bg: #0a0a0f;
	--border: 2px solid #ff00ff;
	--radius: 15px;
	--shadow: 0 0 40px rgba(255, 0, 255, 0.1);
	--color: #ff80ff;
	--prefix-bg: #1a1025;
	--prefix-color: #ff80ff;
	--btn-bg: #ff00ff;
	--btn-color: #0a0a0f;
	--btn-radius: 15px;
	--btn-hover-bg: #e000e0;
	--progress-accent: #ff00ff;
	--progress-bg: #1a1025;
	--select-bg: #1a1025;
	--select-color: #ff80ff;
	--select-border: 1px solid #ff00ff;
	--speed-bg: #1a1025;
	--speed-color: #ff80ff;
	--speed-border: 1px solid #ff00ff;
	--svg-fill: #ff80ff;
	--range-accent: #ff00ff;
	--range-bg: #1a1025;
}

.audio-player[data-theme="frost"] {
	--bg: rgba(255, 255, 255, 0.8);
	--border: 1px solid rgba(200, 210, 220, 0.5);
	--radius: 25px;
	--shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
	--backdrop: blur(10px);
	--btn-bg: #6b7d8a;
	--btn-radius: 25px;
	--btn-hover-bg: #5a6b78;
	--progress-accent: #6b7d8a;
	/* Flattened frost background & borders to block content behind select dropdown */
	--select-bg: #f0f3f6;
	--select-border: 1px solid #c8d2dc;
	--speed-bg: #f0f3f6;
	--speed-border: 1px solid #c8d2dc;
}

.audio-player[data-theme="gradientsunset"] {
	--bg: linear-gradient(135deg, #ff6b6b, #ffd93d);
	--border: none;
	--shadow: 0 8px 25px rgba(255, 107, 107, 0.3);
	--color: #ffffff;
	--btn-bg: rgba(255, 255, 255, 0.25);
	--btn-border: 1px solid rgba(255, 255, 255, 0.4);
	--btn-hover-bg: rgba(255, 255, 255, 0.4);
	--progress-accent: #ffffff;
	--progress-bg: rgba(255, 255, 255, 0.3);
	/* Blended translucent white over a warm sunset orange median */
	--select-bg: #ffa680;
	--select-color: #ffffff;
	--select-border: 1px solid #ffbc99;
	--speed-bg: #ffa680;
	--speed-color: #ffffff;
	--speed-border: 1px solid #ffbc99;
	--svg-fill: #ffffff;
	--range-accent: #ffffff;
	--range-bg: rgba(255, 255, 255, 0.3);
	--backdrop: blur(5px);
}

.audio-player[data-theme="holo"] {
	--bg: linear-gradient(135deg, #ff6b6b22, #4ecdc422, #45b7d122, #96ceb422);
	--border: 1px solid rgba(255, 255, 255, 0.3);
	--color: #666;
	--radius: 25px;
	--backdrop: blur(15px);
	--btn-bg: linear-gradient(135deg, #667eea, #764ba2);
	--btn-radius: 25px;
	--btn-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
	--btn-hover-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
	--btn-hover-transform: scale(1.05);
	--progress-accent: #667eea;
	/* Clean, solid opaque light mint-teal to ensure readable text */
	--select-bg: #f0f7f4;
	--select-border: 1px solid #c2e2d6;
	--speed-bg: #f0f7f4;
	--speed-border: 1px solid #c2e2d6;
	--backdrop: blur(5px);
	--svg-fill: #666;
}

.audio-player[data-theme="neonpulse"] {
	--bg: #0a0a0f;
	--border: 2px solid #ff00ff;
	--radius: 50px;
	--shadow: 0 0 30px rgba(255, 0, 255, 0.3), 0 0 60px rgba(0, 255, 255, 0.2), inset 0 0 30px rgba(255, 0, 255, 0.05);
	--color: #ff80ff;
	--text-shadow: 0 0 10px rgba(255, 0, 255, 0.5);
	--prefix-bg: rgba(255, 0, 255, 0.1);
	--prefix-color: #ff80ff;
	--btn-bg: #ff00ff;
	--btn-color: #ffffff;
	--btn-radius: 50px;
	--btn-shadow: 0 0 25px rgba(255, 0, 255, 0.6);
	--btn-hover-bg: #ff40ff;
	--btn-hover-shadow: 0 0 40px rgba(255, 0, 255, 0.8);
	--progress-accent: #ff00ff;
	--progress-bg: rgba(255, 0, 255, 0.2);
	/* 15% magenta blended with deep black #0a0a0f */
	--select-bg: #2f0933;
	--select-color: #ff80ff;
	--select-border: 1px solid #ff00ff;
	--speed-bg: #2f0933;
	--speed-color: #ff80ff;
	--speed-border: 1px solid #ff00ff;
	--svg-fill: #ff80ff;
	--svg-filter: drop-shadow(0 0 5px rgba(255, 0, 255, 0.5));
	--range-accent: #ff00ff;
	--range-bg: rgba(255, 0, 255, 0.2);
}

.audio-player[data-theme="brutalist"] {
	--bg: #ffffff;
	--border: 4px solid #000000;
	--shadow: 8px 8px 0px #000000;
	--font-weight: 900;
	--btn-bg: #ff3366;
	--btn-color: #ffffff;
	--btn-border: 3px solid #000000;
	--btn-radius: 0px;
	--btn-hover-bg: #ff6699;
	--btn-hover-transform: translate(-2px, -2px);
	--btn-hover-shadow: 4px 4px 0px #000000;
	--progress-accent: #ff3366;
	--select-bg: #ffff00;
	--select-border: 3px solid #000000;
	--speed-bg: #00ccff;
	--speed-border: 3px solid #000000;
}

.audio-player[data-theme="aurora"] {
	--bg: linear-gradient(135deg, #0a1a2a, #1a3a4a, #2a5a4a, #1a4a3a);
	--border: 1px solid rgba(100, 255, 200, 0.3);
	--radius: 30px;
	--shadow: 0 8px 32px rgba(0, 50, 50, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
	--color: #80ffd0;
	--prefix-bg: rgba(100, 255, 200, 0.1);
	--prefix-color: #80ffd0;
	--btn-bg: linear-gradient(135deg, #00ff88, #00ccaa);
	--btn-radius: 30px;
	--btn-shadow: 0 4px 20px rgba(0, 255, 136, 0.4);
	--btn-hover-shadow: 0 6px 30px rgba(0, 255, 136, 0.6);
	--progress-accent: #00ff88;
	--progress-bg: rgba(100, 255, 200, 0.2);
	/* Blended 15% neon-mint & 30% border over deep navy-teal */
	--select-bg: #214f4b;
	--select-color: #80ffd0;
	--select-border: 1px solid #2d6e61;
	--speed-bg: #214f4b;
	--speed-color: #80ffd0;
	--speed-border: 1px solid #2d6e61;
	--svg-fill: #80ffd0;
	--range-accent: #00ff88;
	--range-bg: rgba(100, 255, 200, 0.2);
}

.audio-player[data-theme="pixel"] {
	--bg: #2d1b4e;
	--border: 4px solid #ffd700;
	--shadow: 4px 4px 0px #8b4513, 8px 8px 0px rgba(0, 0, 0, 0.3);
	--color: #ffd700;
	--font-family: 'Courier New', monospace;
	--text-transform: uppercase;
	--prefix-bg: transparent;
	--prefix-color: #ffd700;
	--btn-bg: #ff4444;
	--btn-color: #ffffff;
	--btn-border: 3px solid #ffffff;
	--btn-radius: 0px;
	--btn-shadow: 3px 3px 0px #000000;
	--btn-hover-bg: #ff6666;
	--progress-accent: #ffd700;
	--progress-bg: #000000;
	--select-bg: #4a2d7a;
	--select-color: #ffd700;
	--select-border: 3px solid #ffd700;
	--speed-bg: #4a2d7a;
	--speed-color: #ffd700;
	--speed-border: 3px solid #ffd700;
	--svg-fill: #ffd700;
	--range-accent: #ffd700;
}

.audio-player[data-theme="candy"] {
	--bg: linear-gradient(135deg, #ffb3ba, #ffdfba, #ffffba, #baffc9, #bae1ff);
	--border: 2px solid rgba(255, 255, 255, 0.6);
	--radius: 40px;
	--shadow: 0 8px 25px rgba(255, 150, 150, 0.3);
	--btn-bg: #ff69b4;
	--btn-radius: 40px;
	--btn-shadow: 0 4px 15px rgba(255, 105, 180, 0.5);
	--btn-hover-bg: #ff85c8;
	--btn-hover-transform: scale(1.1);
	--progress-accent: #ff69b4;
	/* Soft opaque cream-pink over the light rainbow background */
	--select-bg: #faf0f2;
	--select-border: 1px solid #ffffff;
	--speed-bg: #faf0f2;
	--speed-border: 1px solid #ffffff;
	--backdrop: blur(10px);
}

.audio-player[data-theme="steampunk"] {
	--bg: linear-gradient(180deg, #8b7355, #6b5344);
	--border: 3px solid #d4a574;
	--radius: 10px;
	--shadow: 0 4px 15px rgba(0, 0, 0, 0.4), inset 0 2px 4px rgba(255, 215, 150, 0.3);
	--color: #ffd7a0;
	--text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	--btn-bg: linear-gradient(180deg, #d4a574, #b8860b);
	--btn-border: 2px solid #ffd700;
	--btn-radius: 10px;
	--btn-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
	--btn-hover-bg: linear-gradient(180deg, #e0b888, #c9961a);
	--progress-accent: #d4a574;
	--progress-bg: #5a4030;
	--select-bg: #5a4030;
	--select-color: #ffd7a0;
	--select-border: 1px solid #d4a574;
	--speed-bg: #5a4030;
	--speed-color: #ffd7a0;
	--speed-border: 1px solid #d4a574;
	--svg-fill: #ffd7a0;
	--range-accent: #d4a574;
	--range-bg: #5a4030;
}

.audio-player[data-theme="glass2"] {
	--bg: rgba(255, 255, 255, 0.15);
	--border: 1px solid rgba(255, 255, 255, 0.3);
	--radius: 30px;
	--shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	--backdrop: blur(20px) saturate(180%);
	--btn-bg: rgba(255, 255, 255, 0.3);
	--btn-border: 1px solid rgba(255, 255, 255, 0.5);
	--btn-radius: 30px;
	--btn-hover-bg: rgba(255, 255, 255, 0.5);
	--progress-accent: #ffffff;
	/* Solid bright white backdrop for legibility over general glass containers */
	--select-bg: #ffffff;
	--select-border: 1px solid #e5e7eb;
	--speed-bg: #ffffff;
	--speed-border: 1px solid #e5e7eb;
	--backdrop: blur(10px);
	--color: #ffd7a0;
	--svg-fill: #ffd7a0;

}

.audio-player[data-theme="vaporwave"] {
	--bg: linear-gradient(135deg, #ff6ac1, #2ec4ff, #7c5ce7);
	--border: none;
	--radius: 15px;
	--shadow: 0 8px 32px rgba(255, 106, 193, 0.3);
	--color: #ffffff;
	--text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	--btn-bg: rgba(0, 0, 0, 0.3);
	--btn-border: 2px solid rgba(255, 255, 255, 0.5);
	--btn-radius: 15px;
	--btn-hover-bg: rgba(0, 0, 0, 0.5);
	--progress-accent: #ffffff;
	--progress-bg: rgba(255, 255, 255, 0.3);
	/* Soft, opaque ultraviolet palette blended with sunset magenta-blue */
	--select-bg: #9e8df2;
	--select-color: #ffffff;
	--select-border: 1px solid #be9dfa;
	--speed-bg: #9e8df2;
	--speed-color: #ffffff;
	--speed-border: 1px solid #be9dfa;
	--svg-fill: #ffffff;
	--range-accent: #ffffff;
	--range-bg: rgba(255, 255, 255, 0.3);
}

.audio-player[data-theme="comic"] {
	--bg: #ffeb3b;
	--border: 3px solid #000000;
	--radius: 5px;
	--shadow: 5px 5px 0px #000000;
	--color: #000000;
	--font-weight: 900;
	--text-transform: uppercase;
	--btn-bg: #ff0000;
	--btn-color: #ffffff;
	--btn-border: 3px solid #000000;
	--btn-radius: 50%;
	--btn-shadow: 3px 3px 0px #000000;
	--btn-hover-bg: #ff4444;
	--progress-accent: #0000ff;
	--progress-bg: #ffffff;
	--select-bg: #00ff00;
	--select-border: 3px solid #000000;
	--speed-bg: #ff8800;
	--speed-border: 3px solid #000000;
}

.audio-player[data-theme="galaxy"] {
	--bg: linear-gradient(135deg, #0d0d2b, #1a0a3e, #2d1b69, #0d0d2b);
	--border: 1px solid rgba(255, 255, 255, 0.1);
	--radius: 30px;
	--shadow: 0 0 50px rgba(100, 50, 255, 0.3), inset 0 0 50px rgba(100, 50, 255, 0.1);
	--color: #c9b8ff;
	--btn-bg: linear-gradient(135deg, #6c5ce7, #a855f7);
	--btn-hover-bg: linear-gradient(-135deg, #6c5ce7, #a855f7);
	--btn-radius: 30px;
	--btn-shadow: 0 0 20px rgba(168, 85, 247, 0.5);
	--btn-hover-shadow: 0 0 30px rgba(168, 85, 247, 0.8);
	--progress-accent: #a855f7;
	--progress-bg: rgba(168, 85, 247, 0.2);

	/* Solid purple-indigo blended over deep space background */
	--select-bg: #2e256a;
	--select-color: #c9b8ff;
	--select-border: 1px solid #4e3594;
	--speed-bg: #2e256a;
	--speed-color: #c9b8ff;
	--speed-border: 1px solid #4e3594;
	--svg-fill: #c9b8ff;
	--range-accent: #a855f7;
	--range-bg: rgba(168, 85, 247, 0.2);

}

.audio-player[data-theme="autumn"] {
	--bg: linear-gradient(135deg, #c94b4b, #e29547, #f4d03f);
	--border: none;
	--radius: 20px;
	--shadow: 0 8px 25px rgba(200, 100, 50, 0.3);
	--color: #ffffff;
	--btn-bg: rgba(139, 69, 19, 0.8);
	--btn-radius: 20px;
	--btn-hover-bg: rgba(139, 69, 19, 0.95);
	--progress-accent: #8b4513;
	/* Soft terracotta-pumpkin blend */
	--select-bg: #e19b80;
	--select-color: #ffffff;
	--select-border: 1px solid #e8ab92;
	--speed-bg: #e19b80;
	--speed-color: #ffffff;
	--speed-border: 1px solid #e8ab92;
	--svg-fill: #ffffff;
	--range-accent: #8b4513;
	--range-bg: rgba(255, 255, 255, 0.3);
}

.audio-player[data-theme="wireframe"] {
	--bg: transparent;
	--border: 2px dashed #888888;
	--radius: 5px;
	--shadow: none;
	--btn-bg: transparent;
	--btn-color: #000000;
	--btn-border: 2px solid #000000;
	--btn-radius: 5px;
	--btn-hover-bg: #000000;
	--btn-hover-color: #ffffff;
	--progress-accent: #000000;
	--progress-bg: transparent;
	/* Clean white background to prevent raw page text leaking inside the outline */
	--select-bg: #ffffff;
	--select-border: 1px dashed #888888;
	--speed-bg: #ffffff;
	--speed-border: 1px dashed #888888;
}

.audio-player[data-theme="sakura"] {
	--bg: linear-gradient(135deg, #ffd1dc, #ffe4e1, #fff0f5, #ffd1dc);
	--border: 1px solid rgba(255, 182, 193, 0.5);
	--radius: 40px;
	--shadow: 0 8px 25px rgba(255, 182, 193, 0.3);
	--btn-bg: #ff69b4;
	--btn-radius: 50%;
	--btn-shadow: 0 4px 15px rgba(255, 105, 180, 0.4);
	--btn-hover-bg: #ff85c8;
	--btn-hover-transform: scale(1.05);
	--progress-accent: #ff69b4;
	/* Smooth, solid opaque cherry-blossom pink */
	--select-bg: #fff5f7;
	--select-border: 1px solid #ffccd5;
	--speed-bg: #fff5f7;
	--speed-border: 1px solid #ffccd5;
}

.audio-player[data-theme="tropical"] {
	--bg: linear-gradient(135deg, #00d2ff, #3a7bd5, #00f2fe);
	--border: none;
	--radius: 35px;
	--shadow: 0 8px 30px rgba(0, 210, 255, 0.3);
	--color: #ffffff;
	--btn-bg: #ff6b35;
	--btn-radius: 50%;
	--btn-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
	--btn-hover-bg: #ff8c5a;
	--progress-accent: #ffffff;
	--progress-bg: rgba(255, 255, 255, 0.3);
	/* Vibrant solid caribbean sky blue */
	--select-bg: #55c4ef;
	--select-color: #ffffff;
	--select-border: 1px solid #76d0f2;
	--speed-bg: #55c4ef;
	--speed-color: #ffffff;
	--speed-border: 1px solid #76d0f2;
	--svg-fill: #ffffff;
	--range-accent: #ffffff;
	--range-bg: rgba(255, 255, 255, 0.3);
}

.audio-player[data-theme="industrial"] {
	--bg: #2a2a2a;
	--border: 3px solid #666666;
	--shadow: inset 0 0 20px rgba(0, 0, 0, 0.5), 6px 6px 0px #1a1a1a;
	--color: #cccccc;
	--font-family: monospace;
	--text-transform: uppercase;
	--btn-bg: #ff4444;
	--btn-color: #ffffff;
	--btn-border: 2px solid #ff6666;
	--btn-radius: 0px;
	--btn-shadow: 3px 3px 0px #1a1a1a;
	--btn-hover-bg: #ff6666;
	--btn-hover-shadow: 2px 2px 0px #1a1a1a;
	--btn-hover-transform: translate(1px, 1px);
	--progress-accent: #ff4444;
	--progress-bg: #1a1a1a;
	--select-bg: #1a1a1a;
	--select-color: #cccccc;
	--select-border: 2px solid #666666;
	--speed-bg: #1a1a1a;
	--speed-color: #cccccc;
	--speed-border: 2px solid #666666;
	--svg-fill: #cccccc;
	--range-accent: #ff4444;
	--range-bg: #1a1a1a;
}

.audio-player[data-theme="terminal"] {
	--bg: #0c0c0c;
	--border: 2px solid #00ff00;
	--shadow: 0 0 20px rgba(0, 255, 0, 0.2), inset 0 0 20px rgba(0, 255, 0, 0.05);
	--color: #00ff00;
	--font-family: 'Courier New', monospace;
	--text-transform: uppercase;
	--prefix-bg: #0c0c0c;
	--prefix-color: #00ff00;
	--btn-bg: #0c0c0c;
	--btn-color: #00ff00;
	--btn-border: 2px solid #00ff00;
	--btn-radius: 0px;
	--btn-clip: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
	--btn-hover-bg: #00ff00;
	--btn-hover-color: #0c0c0c;
	--btn-hover-shadow: 0 0 15px rgba(0, 255, 0, 0.5);
	--progress-accent: #00ff00;
	--progress-bg: #1a1a1a;
	--select-bg: #0c0c0c;
	--select-color: #00ff00;
	--select-border: 1px solid #00ff00;
	--speed-bg: #0c0c0c;
	--speed-color: #00ff00;
	--speed-border: 1px solid #00ff00;
	--svg-fill: #00ff00;
	--range-accent: #00ff00;
	--range-bg: #1a1a1a;
}

.audio-player[data-theme="desert"] {
	--bg: linear-gradient(180deg, #edc9af, #e8b890, #d4a574);
	--border: none;
	--radius: 8px 30px 8px 30px;
	--shadow: 0 8px 25px rgba(180, 120, 60, 0.3), inset 0 2px 10px rgba(255, 255, 255, 0.2);
	--color: #4a3020;
	--font-weight: 600;
	--btn-bg: #c95a2b;
	--btn-color: #ffffff;
	--btn-border: none;
	--btn-radius: 5px 20px 5px 20px;
	--btn-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	--btn-hover-bg: #e06a3a;
	--btn-hover-transform: scale(1.05);
	--btn-hover-clip: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	--progress-accent: #c95a2b;
	--progress-bg: rgba(255, 255, 255, 0.4);
	/* Warm solid desert-sand backdrop */
	--select-bg: #edd4bd;
	--select-color: #4a3020;
	--select-border: 1px solid #f0dcbe;
	--speed-bg: #edd4bd;
	--speed-color: #4a3020;
	--speed-border: 1px solid #f0dcbe;
	--svg-fill: #4a3020;
	--range-accent: #c95a2b;
	--range-bg: rgba(255, 255, 255, 0.4);
	--backdrop: blur(5px);
}

.audio-player[data-theme="noir"] {
	--bg: #1a1a1a;
	--border: 3px solid #ffffff;
	--shadow: 8px 8px 0px #ff0000, 12px 12px 0px rgba(0, 0, 0, 0.5);
	--color: #ffffff;
	--font-family: 'Georgia', serif;
	--text-transform: uppercase;
	--letter-spacing: 3px;
	--btn-bg: #ff0000;
	--btn-color: #ffffff;
	--btn-border: 2px solid #ffffff;
	--btn-radius: 0px;
	--btn-shadow: 4px 4px 0px #ffffff;
	--btn-hover-bg: #cc0000;
	--btn-hover-shadow: 2px 2px 0px #ffffff;
	--btn-hover-transform: translate(2px, 2px);
	--progress-accent: #ff0000;
	--progress-bg: #333333;
	--select-bg: #000000;
	--select-color: #ffffff;
	--select-border: 2px solid #ffffff;
	--speed-bg: #000000;
	--speed-color: #ffffff;
	--speed-border: 2px solid #ffffff;
	--svg-fill: #ffffff;
	--range-accent: #ff0000;
	--range-bg: #333333;
}

.audio-player[data-theme="spacebrutal"] {
	--bg: #e8e8e0;
	--border: 4px solid #000000;
	--shadow: 12px 12px 0px #000000;
	--color: #000000;
	--font-weight: 800;
	--font-family: 'Courier New', monospace;
	--btn-bg: #0000ff;
	--btn-color: #ffffff;
	--btn-border: 3px solid #000000;
	--btn-radius: 0px;
	--btn-hover-bg: #3333ff;
	--btn-hover-transform: rotate(0deg) scale(1.1);
	--progress-accent: #ff0000;
	--progress-bg: #ffffff;
	--select-bg: #ffff00;
	--select-color: #000000;
	--select-border: 3px solid #000000;
	--speed-bg: #00ff00;
	--speed-color: #000000;
	--speed-border: 3px solid #000000;
	--svg-fill: #000000;
	--range-accent: #ff0000;
	--range-bg: #ffffff;
}

.audio-player[data-theme="nord"] {
	--bg: #2e3440;
	--border: 1px solid #3b4252;
	--radius: 12px;
	--shadow: 0 4px 15px rgba(46, 52, 64, 0.2);
	--color: #d8dee9;
	--prefix-bg: #3b4252;
	--prefix-color: #88c0d0;
	--btn-bg: #88c0d0;
	--btn-color: #2e3440;
	--btn-radius: 8px;
	--btn-hover-bg: #8fbcbb;
	--progress-accent: #88c0d0;
	--progress-bg: #434c5e;
	--select-bg: #3b4252;
	--select-color: #e5e9f0;
	--select-border: 1px solid #4c566a;
	--speed-bg: #3b4252;
	--speed-color: #e5e9f0;
	--speed-border: 1px solid #4c566a;
	--svg-fill: #d8dee9;
}

.audio-player[data-theme="espresso"] {
	--bg: #2b1d16;
	--border: 1px solid #3e2a20;
	--radius: 16px;
	--shadow: 0 4px 12px rgba(43, 29, 22, 0.15);
	--color: #f5f2eb;
	--prefix-bg: #3e2a20;
	--prefix-color: #d4a373;
	--btn-bg: #d4a373;
	--btn-color: #2b1d16;
	--btn-radius: 12px;
	--btn-hover-bg: #e6b88a;
	--progress-accent: #d4a373;
	--progress-bg: #4e3629;
	--select-bg: #3e2a20;
	--select-color: #f5f2eb;
	--select-border: 1px solid #4e3629;
	--speed-bg: #3e2a20;
	--speed-color: #f5f2eb;
	--speed-border: 1px solid #4e3629;
	--svg-fill: #f5f2eb;
}

.audio-player[data-theme="synthwave"] {
	--bg: linear-gradient(180deg, #18052b, #0d011a);
	--border: 2px solid #ff007f;
	--radius: 10px;
	--shadow: 0 0 20px rgba(255, 0, 127, 0.25), inset 0 0 15px rgba(0, 242, 254, 0.05);
	--color: #00f2fe;
	--text-shadow: 0 0 8px rgba(0, 242, 254, 0.5);
	--btn-bg: #ff007f;
	--btn-color: #0d011a;
	--btn-radius: 4px;
	--btn-hover-bg: #ff3399;
	--btn-hover-shadow: 0 0 15px #ff007f;
	--progress-accent: #00f2fe;
	--progress-bg: #2d124d;
	--select-bg: #2d124d;
	--select-color: #00f2fe;
	--select-border: 1px solid #ff007f;
	--speed-bg: #2d124d;
	--speed-color: #00f2fe;
	--speed-border: 1px solid #ff007f;
	--svg-fill: #00f2fe;
}

.audio-player[data-theme="lava"] {
	--bg: #110d0c;
	--border: 2px solid #ff3c00;
	--radius: 6px;
	--shadow: 0 0 25px rgba(255, 60, 0, 0.15);
	--color: #ff9d00;
	--btn-bg: #ff3c00;
	--btn-color: #110d0c;
	--btn-radius: 2px;
	--btn-hover-bg: #ff5500;
	--btn-hover-shadow: 0 0 12px rgba(255, 60, 0, 0.5);
	--progress-accent: #ff3c00;
	--progress-bg: #221512;
	--select-bg: #221512;
	--select-color: #ff9d00;
	--select-border: 1px solid #ff3c00;
	--speed-bg: #221512;
	--speed-color: #ff9d00;
	--speed-border: 1px solid #ff3c00;
	--svg-fill: #ff9d00;
}


/* 1. CYBER PULSE - East side cyberpunk neon heat */
.audio-player[data-theme="cyber-pulse"] {
	--bg: linear-gradient(135deg, #0f0c2999, #302b6399, #24243e99);
	--border: 1px solid #ff007f55;
	--color: #ffffff;
	--radius: 16px;
	--backdrop: blur(16px);
	--player-shadow: 0 0 25px rgba(255, 0, 127, 0.25);
	--btn-bg: linear-gradient(135deg, #ff007f, #7928ca);
	--btn-radius: 12px;
	--btn-shadow: 0 4px 15px rgba(255, 0, 127, 0.4);
	--btn-hover-shadow: 0 0 25px rgba(0, 242, 254, 0.8);
	--btn-hover-transform: scale(1.08) rotate(-2deg);
	--progress-bg: #1f1f3a;
	--progress-accent: #00f2fe;
	--progress-thumb: #ffffff;
	--progress-glow: 0 0 10px #00f2fe;
	--select-bg: #18182cd9;
	--select-border: 1px solid #ff007f88;
	--speed-bg: #18182cd9;
	--speed-border: 1px solid #00f2fe88;
}

/* 2. OBSIDIAN FROST - VIP West side lounge, dark glassmorphism */
.audio-player[data-theme="obsidian-frost"] {
	--bg: rgba(18, 18, 20, 0.75);
	--border: 1px solid rgba(255, 255, 255, 0.08);
	--color: #e4e4e7;
	--radius: 30px;
	--backdrop: blur(20px);
	--player-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
	--btn-bg: linear-gradient(135deg, #e2e8f0, #94a3b8);
	--btn-radius: 50%;
	--btn-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
	--btn-hover-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
	--btn-hover-transform: scale(1.05);
	--progress-bg: #27272a;
	--progress-accent: #38bdf8;
	--progress-thumb: #38bdf8;
	--progress-glow: 0 0 12px rgba(56, 189, 248, 0.6);
	--select-bg: #18181b;
	--select-border: 1px solid #3f3f46;
	--speed-bg: #18181b;
	--speed-border: 1px solid #3f3f46;
}

/* 3. MOTOR CITY GOLD - Rich matte black with brushed gold boss vibes */
.audio-player[data-theme="motor-city-gold"] {
	--bg: linear-gradient(180deg, #181818, #0d0d0d);
	--border: 1px solid #d4af3766;
	--color: #fef08a;
	--radius: 8px;
	--backdrop: blur(10px);
	--player-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
	--btn-bg: linear-gradient(135deg, #f59e0b, #d97706, #b45309);
	--btn-radius: 6px;
	--btn-shadow: 0 4px 15px rgba(217, 119, 6, 0.3);
	--btn-hover-shadow: 0 6px 20px rgba(245, 158, 11, 0.6);
	--btn-hover-transform: translateY(-2px);
	--progress-bg: #262626;
	--progress-accent: #d4af37;
	--progress-thumb: #ffffff;
	--progress-glow: 0 0 8px #d4af37;
	--select-bg: #171717;
	--select-border: 1px solid #78350f;
	--speed-bg: #171717;
	--speed-border: 1px solid #78350f;
}

/* 4. ARCTIC ICE - Crisp, ultra-clean light mode for daytime hustling */
.audio-player[data-theme="arctic-ice"] {
	--bg: rgba(255, 255, 255, 0.85);
	--border: 1px solid #e2e8f0;
	--color: #0f172a;
	--radius: 50px;
	--backdrop: blur(12px);
	--player-shadow: 0 10px 25px rgba(148, 163, 184, 0.25);
	--btn-bg: linear-gradient(135deg, #2563eb, #1d4ed8);
	--btn-radius: 50px;
	--btn-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
	--btn-hover-shadow: 0 8px 20px rgba(37, 99, 235, 0.5);
	--btn-hover-transform: scale(1.06);
	--progress-bg: #e2e8f0;
	--progress-accent: #2563eb;
	--progress-thumb: #1e293b;
	--progress-glow: 0 2px 6px rgba(0, 0, 0, 0.2);
	--select-bg: #ffffff;
	--select-border: 1px solid #cbd5e1;
	--speed-bg: #ffffff;
	--speed-border: 1px solid #cbd5e1;
}

/* 5. ANALOG STUDIO - Warm bronze, retro tactile studio rack equipment */
.audio-player[data-theme="analog-studio"] {
	--bg: linear-gradient(135deg, #2c241b, #1f1a14);
	--border: 1px solid #5c4d3c;
	--color: #e7e5e4;
	--radius: 12px;
	--backdrop: none;
	--player-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05), 0 12px 24px rgba(0, 0, 0, 0.5);
	--btn-bg: linear-gradient(180deg, #ea580c, #c2410c);
	--btn-radius: 8px;
	--btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 4px 8px rgba(0, 0, 0, 0.6);
	--btn-hover-shadow: 0 0 15px rgba(234, 88, 12, 0.6);
	--btn-hover-transform: scale(1.02);
	--progress-bg: #1c1917;
	--progress-accent: #f97316;
	--progress-thumb: #fdba74;
	--progress-glow: 0 0 10px rgba(249, 115, 22, 0.5);
	--select-bg: #292524;
	--select-border: 1px solid #57534e;
	--speed-bg: #292524;
	--speed-border: 1px solid #57534e;
}







/* ===================================================
   THEME 1: ANALOG STUDIO – warm bronze, retro rack gear
   =================================================== */
.audio-player[data-theme="analog-studio"] {
	--bg: linear-gradient(135deg, #2c241b, #1f1a14);
	--border: 1px solid #5c4d3c;
	--color: #e7e5e4;
	--radius: 12px;
	--shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05), 0 12px 24px rgba(0, 0, 0, 0.5);
	--btn-bg: linear-gradient(180deg, #ea580c, #c2410c);
	--btn-color: #fff;
	--btn-radius: 8px;
	--btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 4px 8px rgba(0, 0, 0, 0.6);
	--btn-hover-bg: linear-gradient(180deg, #f97316, #ea580c);
	--btn-hover-shadow: 0 0 15px rgba(234, 88, 12, 0.6);
	--btn-hover-transform: scale(1.02);
	--progress-bg: #1c1917;
	--progress-accent: #f97316;
	--progress-thumb-size: 18px;
	--select-bg: #292524;
	--select-color: #e7e5e4;
	--select-border: 1px solid #57534e;
	--speed-bg: #292524;
	--speed-color: #e7e5e4;
	--speed-border: 1px solid #57534e;
	--svg-fill: #e7e5e4;

	/* sizing – chunky vintage */
	--player-padding: 12px 14px;
	--player-gap: 10px;
	--btn-play-size: 42px;
	--btn-play-icon-size: 22px;
	--btn-icon-size: 38px;
	--btn-icon-svg-size: 20px;
	--progress-height: 8px;
	--progress-track-radius: 4px;
	--time-font-size: 0.8rem;
	--speed-font-size: 0.75rem;
	--speed-height: 32px;
	--speed-padding: 0 12px;
	--lang-height: 32px;
	--lang-font-size: 0.75rem;
	--lang-trigger-padding: 0 10px;
	--lang-flag-width: 16px;
	--lang-flag-height: 11px;
}

/* ===================================================
   THEME 2: CYBER NEON – vivid pink/cyan, glowing edges
   =================================================== */
.audio-player[data-theme="cyber-neon"] {
	--bg: #0a0a0a;
	--border: 1px solid #ff00ff;
	--color: #e0e0e0;
	--radius: 4px;
	--shadow: 0 0 20px rgba(255, 0, 255, 0.3), inset 0 0 10px rgba(0, 255, 255, 0.1);
	--btn-bg: linear-gradient(135deg, #ff00ff, #00ffff);
	--btn-color: #000;
	--btn-radius: 4px;
	--btn-shadow: 0 0 15px rgba(255, 0, 255, 0.6);
	--btn-hover-bg: linear-gradient(135deg, #00ffff, #ff00ff);
	--btn-hover-shadow: 0 0 30px rgba(0, 255, 255, 0.8);
	--btn-hover-transform: scale(1.05);
	--progress-bg: #1a1a1a;
	--progress-accent: #ff00ff;
	--progress-thumb-size: 20px;
	--select-bg: #111;
	--select-color: #e0e0e0;
	--select-border: 1px solid #ff00ff;
	--speed-bg: #111;
	--speed-color: #e0e0e0;
	--speed-border: 1px solid #ff00ff;
	--svg-fill: #00ffff;

	/* sizing – angular, tight */
	--player-padding: 10px 14px;
	--player-gap: 10px;
	--btn-play-size: 84px;
	--btn-play-icon-size: 24px;
	--btn-icon-size: 36px;
	--btn-icon-svg-size: 20px;
	--progress-height: 6px;
	--progress-track-radius: 2px;
	--time-font-size: 0.8rem;
	--speed-font-size: 0.75rem;
	--speed-height: 30px;
	--speed-padding: 0 10px;
	--lang-height: 30px;
	--lang-font-size: 0.75rem;
	--lang-trigger-padding: 0 10px;
	--lang-flag-width: 16px;
	--lang-flag-height: 11px;
}

/* ===================================================
   THEME 3: OCEAN BREEZE – calm blues, soft gradients
   =================================================== */
.audio-player[data-theme="ocean-breeze"] {
	--bg: linear-gradient(135deg, #e0f2fe, #bae6fd);
	--border: 1px solid #7dd3fc;
	--color: #0c4a6e;
	--radius: 20px;
	--shadow: 0 8px 32px rgba(56, 189, 248, 0.2);
	--btn-bg: linear-gradient(135deg, #0284c7, #0369a1);
	--btn-color: #fff;
	--btn-radius: 999px;
	--btn-shadow: 0 4px 12px rgba(2, 132, 199, 0.4);
	--btn-hover-bg: linear-gradient(135deg, #0369a1, #0284c7);
	--btn-hover-shadow: 0 6px 20px rgba(2, 132, 199, 0.6);
	--btn-hover-transform: translateY(-2px);
	--progress-bg: #f0f9ff;
	--progress-accent: #0284c7;
	--progress-thumb-size: 18px;
	--select-bg: rgba(255, 255, 255, 0.8);
	--select-color: #0c4a6e;
	--select-border: 1px solid #7dd3fc;
	--speed-bg: rgba(255, 255, 255, 0.8);
	--speed-color: #0c4a6e;
	--speed-border: 1px solid #7dd3fc;
	--svg-fill: #0c4a6e;

	/* sizing – round & airy */
	--player-padding: 10px 18px;
	--player-gap: 12px;
	--btn-play-size: 46px;
	--btn-play-icon-size: 26px;
	--btn-icon-size: 38px;
	--btn-icon-svg-size: 22px;
	--progress-height: 8px;
	--progress-track-radius: 20px;
	--time-font-size: 0.85rem;
	--speed-font-size: 0.8rem;
	--speed-height: 36px;
	--speed-padding: 0 14px;
	--lang-height: 36px;
	--lang-font-size: 0.8rem;
	--lang-trigger-padding: 0 14px;
	--lang-flag-width: 18px;
	--lang-flag-height: 12px;
}

/* ===================================================
   THEME 4: FOREST MIST – deep greens, natural wood
   =================================================== */
.audio-player[data-theme="forest-mist"] {
	--bg: linear-gradient(145deg, #1e3b2f, #0f2417);
	--border: 1px solid #4ade80;
	--color: #dcfce7;
	--radius: 14px;
	--shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);
	--btn-bg: linear-gradient(180deg, #4ade80, #22c55e);
	--btn-color: #052e16;
	--btn-radius: 10px;
	--btn-shadow: 0 4px 10px rgba(34, 197, 94, 0.4);
	--btn-hover-bg: linear-gradient(180deg, #22c55e, #16a34a);
	--btn-hover-shadow: 0 0 18px rgba(74, 222, 128, 0.7);
	--btn-hover-transform: scale(1.03);
	--progress-bg: #0f2417;
	--progress-accent: #4ade80;
	--progress-thumb-size: 18px;
	--select-bg: #1a2f23;
	--select-color: #dcfce7;
	--select-border: 1px solid #4ade80;
	--speed-bg: #1a2f23;
	--speed-color: #dcfce7;
	--speed-border: 1px solid #4ade80;
	--svg-fill: #dcfce7;

	/* sizing – earthy and solid */
	--player-padding: 14px 16px;
	--player-gap: 12px;
	--btn-play-size: 48px;
	--btn-play-icon-size: 26px;
	--btn-icon-size: 40px;
	--btn-icon-svg-size: 22px;
	--progress-height: 8px;
	--progress-track-radius: 6px;
	--time-font-size: 0.85rem;
	--speed-font-size: 0.8rem;
	--speed-height: 36px;
	--speed-padding: 0 14px;
	--lang-height: 36px;
	--lang-font-size: 0.8rem;
	--lang-trigger-padding: 0 14px;
	--lang-flag-width: 18px;
	--lang-flag-height: 12px;
}

/* ===================================================
   THEME 5: SUNSET GLOW – warm oranges, golden hour
   =================================================== */
.audio-player[data-theme="sunset-glow"] {
	--bg: linear-gradient(135deg, #ffedd5, #fed7aa);
	--border: 1px solid #fbbf24;
	--color: #78350f;
	--radius: 16px;
	--shadow: 0 8px 24px rgba(251, 146, 60, 0.3);
	--btn-bg: linear-gradient(135deg, #f97316, #ea580c);
	--btn-color: #fff;
	--btn-radius: 12px;
	--btn-shadow: 0 4px 14px rgba(234, 88, 12, 0.5);
	--btn-hover-bg: linear-gradient(135deg, #ea580c, #c2410c);
	--btn-hover-shadow: 0 6px 20px rgba(251, 146, 60, 0.7);
	--btn-hover-transform: scale(1.02);
	--progress-bg: #fff7ed;
	--progress-accent: #f97316;
	--progress-thumb-size: 20px;
	--select-bg: rgba(255, 255, 255, 0.9);
	--select-color: #78350f;
	--select-border: 1px solid #fbbf24;
	--speed-bg: rgba(255, 255, 255, 0.9);
	--speed-color: #78350f;
	--speed-border: 1px solid #fbbf24;
	--svg-fill: #78350f;

	/* sizing – warm and generous */
	--player-padding: 12px 16px;
	--player-gap: 12px;
	--btn-play-size: 46px;
	--btn-play-icon-size: 24px;
	--btn-icon-size: 38px;
	--btn-icon-svg-size: 20px;
	--progress-height: 8px;
	--progress-track-radius: 10px;
	--time-font-size: 0.85rem;
	--speed-font-size: 0.8rem;
	--speed-height: 34px;
	--speed-padding: 0 12px;
	--lang-height: 34px;
	--lang-font-size: 0.8rem;
	--lang-trigger-padding: 0 12px;
	--lang-flag-width: 18px;
	--lang-flag-height: 12px;
}

/* ===================================================
   THEME 6: MIDNIGHT MINIMAL – dark, ultra‑clean
   =================================================== */
.audio-player[data-theme="midnight-minimal"] {
	--bg: #121212;
	--border: 1px solid #2e2e2e;
	--color: #e5e5e5;
	--radius: 8px;
	--shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
	--btn-bg: #f5f5f5;
	--btn-color: #121212;
	--btn-radius: 6px;
	--btn-shadow: none;
	--btn-hover-bg: #ffffff;
	--btn-hover-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
	--btn-hover-transform: scale(1.04);
	--progress-bg: #1e1e1e;
	--progress-accent: #f5f5f5;
	--progress-thumb-size: 16px;
	--select-bg: #1a1a1a;
	--select-color: #e5e5e5;
	--select-border: 1px solid #333;
	--speed-bg: #1a1a1a;
	--speed-color: #e5e5e5;
	--speed-border: 1px solid #333;
	--svg-fill: #e5e5e5;

	/* sizing – sleek and slim */
	--player-padding: 8px 14px;
	--player-gap: 8px;
	--btn-play-size: 38px;
	--btn-play-icon-size: 20px;
	--btn-icon-size: 32px;
	--btn-icon-svg-size: 18px;
	--progress-height: 4px;
	--progress-track-radius: 4px;
	--time-font-size: 0.75rem;
	--speed-font-size: 0.7rem;
	--speed-height: 28px;
	--speed-padding: 0 10px;
	--lang-height: 28px;
	--lang-font-size: 0.7rem;
	--lang-trigger-padding: 0 10px;
	--lang-flag-width: 14px;
	--lang-flag-height: 10px;
}

/* ===================================================
   THEME 7: ROSE GOLD – elegant metallic pink, soft luxury
   =================================================== */
.audio-player[data-theme="rose-gold"] {
	--bg: linear-gradient(145deg, #1c1917, #292524);
	--border: 1px solid #f9a8d4;
	--color: #fce7f3;
	--radius: 24px;
	--shadow: 0 12px 28px rgba(236, 72, 153, 0.25);
	--btn-bg: linear-gradient(135deg, #ec4899, #be185d);
	--btn-color: #fff;
	--btn-radius: 999px;
	--btn-shadow: 0 4px 14px rgba(236, 72, 153, 0.6);
	--btn-hover-bg: linear-gradient(135deg, #f472b6, #ec4899);
	--btn-hover-shadow: 0 0 22px rgba(244, 114, 182, 0.8);
	--btn-hover-transform: scale(1.05);
	--progress-bg: #292524;
	--progress-accent: #f472b6;
	--progress-thumb-size: 22px;
	--select-bg: #2d252b;
	--select-color: #fce7f3;
	--select-border: 1px solid #f9a8d4;
	--speed-bg: #2d252b;
	--speed-color: #fce7f3;
	--speed-border: 1px solid #f9a8d4;
	--svg-fill: #fce7f3;

	/* sizing – luxurious large curves */
	--player-padding: 16px 20px;
	--player-gap: 14px;
	--btn-play-size: 50px;
	--btn-play-icon-size: 28px;
	--btn-icon-size: 44px;
	--btn-icon-svg-size: 24px;
	--progress-height: 8px;
	--progress-track-radius: 20px;
	--time-font-size: 0.9rem;
	--speed-font-size: 0.85rem;
	--speed-height: 38px;
	--speed-padding: 0 16px;
	--lang-height: 38px;
	--lang-font-size: 0.85rem;
	--lang-trigger-padding: 0 16px;
	--lang-flag-width: 20px;
	--lang-flag-height: 14px;
}

/* ===================================================
   THEME 8: ARCTIC FROST – icy blues, frosted glass
   =================================================== */
.audio-player[data-theme="arctic-frost"] {
	--bg: rgba(255, 255, 255, 0.25);
	--backdrop: blur(20px) saturate(180%);
	--border: 1px solid rgba(255, 255, 255, 0.5);
	--color: #0f172a;
	--radius: 24px;
	--shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	--btn-bg: linear-gradient(135deg, #0ea5e9, #0369a1);
	--btn-color: #fff;
	--btn-radius: 14px;
	--btn-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
	--btn-hover-bg: linear-gradient(135deg, #0369a1, #0ea5e9);
	--btn-hover-shadow: 0 6px 18px rgba(14, 165, 233, 0.5);
	--btn-hover-transform: scale(1.03);
	--progress-bg: rgba(255, 255, 255, 0.4);
	--progress-accent: #0284c7;
	--progress-thumb-size: 18px;
	--select-bg: rgba(255, 255, 255, 0.6);
	--select-color: #0f172a;
	--select-border: 1px solid rgba(255, 255, 255, 0.7);
	--speed-bg: rgba(255, 255, 255, 0.6);
	--speed-color: #0f172a;
	--speed-border: 1px solid rgba(255, 255, 255, 0.7);
	--svg-fill: #0f172a;

	/* sizing – cool, crisp, slightly padded */
	--player-padding: 12px 18px;
	--player-gap: 12px;
	--btn-play-size: 44px;
	--btn-play-icon-size: 24px;
	--btn-icon-size: 38px;
	--btn-icon-svg-size: 20px;
	--progress-height: 6px;
	--progress-track-radius: 20px;
	--time-font-size: 0.85rem;
	--speed-font-size: 0.8rem;
	--speed-height: 34px;
	--speed-padding: 0 12px;
	--lang-height: 34px;
	--lang-font-size: 0.8rem;
	--lang-trigger-padding: 0 12px;
	--lang-flag-width: 18px;
	--lang-flag-height: 12px;
}

/* ===================================================
   THEME 9: VINTAGE PAPER – sepia, worn page, nostalgic
   =================================================== */
.audio-player[data-theme="vintage-paper"] {
	--bg: linear-gradient(135deg, #fef3c7, #fde68a);
	--border: 1px solid #d97706;
	--color: #422006;
	--radius: 4px;
	--shadow: 0 6px 16px rgba(146, 64, 14, 0.3), inset 0 1px 0 #fff;
	--btn-bg: linear-gradient(180deg, #b45309, #92400e);
	--btn-color: #fff;
	--btn-radius: 3px;
	--btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	--btn-hover-bg: linear-gradient(180deg, #92400e, #78350f);
	--btn-hover-shadow: 0 0 12px rgba(180, 83, 9, 0.5);
	--btn-hover-transform: scale(1.02);
	--progress-bg: #fef3c7;
	--progress-accent: #b45309;
	--progress-thumb-size: 16px;
	--select-bg: #fef9e7;
	--select-color: #422006;
	--select-border: 1px solid #d97706;
	--speed-bg: #fef9e7;
	--speed-color: #422006;
	--speed-border: 1px solid #d97706;
	--svg-fill: #422006;

	/* sizing – old‑school, compact */
	--player-padding: 8px 12px;
	--player-gap: 8px;
	--btn-play-size: 36px;
	--btn-play-icon-size: 18px;
	--btn-icon-size: 30px;
	--btn-icon-svg-size: 16px;
	--progress-height: 5px;
	--progress-track-radius: 2px;
	--time-font-size: 0.7rem;
	--speed-font-size: 0.7rem;
	--speed-height: 28px;
	--speed-padding: 0 8px;
	--lang-height: 28px;
	--lang-font-size: 0.7rem;
	--lang-trigger-padding: 0 8px;
	--lang-flag-width: 14px;
	--lang-flag-height: 10px;
}

/* ===================================================
   THEME 10: DARK MATTER – deep void, subtle purple glow
   =================================================== */
.audio-player[data-theme="dark-matter"] {
	--bg: radial-gradient(circle at 30% 30%, #1e1b4b, #0f0a1f);
	--border: 1px solid #4c1d95;
	--color: #e9d5ff;
	--radius: 16px;
	--shadow: 0 0 30px rgba(147, 51, 234, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	--btn-bg: linear-gradient(135deg, #7c3aed, #5b21b6);
	--btn-color: #fff;
	--btn-radius: 999px;
	--btn-shadow: 0 4px 14px rgba(124, 58, 237, 0.5);
	--btn-hover-bg: linear-gradient(135deg, #5b21b6, #4c1d95);
	--btn-hover-shadow: 0 0 20px rgba(167, 139, 250, 0.7);
	--btn-hover-transform: scale(1.05);
	--progress-bg: #1a1025;
	--progress-accent: #a855f7;
	--progress-thumb-size: 22px;
	--select-bg: #1c1335;
	--select-color: #e9d5ff;
	--select-border: 1px solid #6d28d9;
	--speed-bg: #1c1335;
	--speed-color: #e9d5ff;
	--speed-border: 1px solid #6d28d9;
	--svg-fill: #e9d5ff;

	/* sizing – mysterious, spacious */
	--player-padding: 16px 20px;
	--player-gap: 14px;
	--btn-play-size: 50px;
	--btn-play-icon-size: 28px;
	--btn-icon-size: 44px;
	--btn-icon-svg-size: 24px;
	--progress-height: 8px;
	--progress-track-radius: 16px;
	--time-font-size: 0.9rem;
	--speed-font-size: 0.85rem;
	--speed-height: 38px;
	--speed-padding: 0 16px;
	--lang-height: 38px;
	--lang-font-size: 0.85rem;
	--lang-trigger-padding: 0 16px;
	--lang-flag-width: 20px;
	--lang-flag-height: 14px;
}

/* ===================================================
   THEME 11: RETRO COMPACT – tiny, dense, Game Boy flavour
   =================================================== */
.audio-player[data-theme="retro-compact"] {
	--bg: #9bbc0f;
	--border: 2px solid #306230;
	--color: #0f380f;
	--radius: 4px;
	--btn-bg: #0f380f;
	--btn-color: #9bbc0f;
	--btn-radius: 2px;
	--btn-hover-bg: #306230;
	--progress-bg: #306230;
	--progress-accent: #0f380f;
	--select-bg: #8bac0f;
	--select-color: #0f380f;
	--select-border: 1px solid #306230;
	--speed-bg: #8bac0f;
	--speed-color: #0f380f;
	--speed-border: 1px solid #306230;
	--svg-fill: #0f380f;

	/* ultra‑compact */
	--player-padding: 4px 6px;
	--player-gap: 4px;
	--btn-play-size: 28px;
	--btn-play-icon-size: 14px;
	--btn-icon-size: 26px;
	--btn-icon-svg-size: 13px;
	--progress-height: 4px;
	--progress-track-radius: 3px;
	--time-font-size: 0.65rem;
	--speed-font-size: 0.65rem;
	--speed-height: 22px;
	--speed-padding: 0 6px;
	--lang-height: 22px;
	--lang-font-size: 0.65rem;
	--lang-trigger-padding: 0 6px;
	--lang-flag-width: 12px;
	--lang-flag-height: 8px;
}

/* ===================================================
   THEME 12: BROADCAST STUDIO – large, chunky, pro‑audio
   =================================================== */
.audio-player[data-theme="broadcast-studio"] {
	--bg: #1e1e1e;
	--border: 2px solid #4a4a4a;
	--color: #ffffff;
	--radius: 12px;
	--btn-bg: #e63946;
	--btn-color: #ffffff;
	--btn-radius: 10px;
	--btn-hover-bg: #ff6b6b;
	--btn-hover-shadow: 0 0 12px rgba(230, 57, 70, 0.6);
	--progress-bg: #2a2a2a;
	--progress-accent: #e63946;
	--select-bg: #2a2a2a;
	--select-color: #fff;
	--select-border: 1px solid #555;
	--speed-bg: #2a2a2a;
	--speed-color: #fff;
	--speed-border: 1px solid #555;
	--svg-fill: #ffffff;

	/* broadcast console */
	--player-padding: 18px 20px;
	--player-gap: 16px;
	--btn-play-size: 56px;
	--btn-play-icon-size: 30px;
	--btn-icon-size: 48px;
	--btn-icon-svg-size: 26px;
	--progress-height: 10px;
	--progress-track-radius: 8px;
	--progress-thumb-size: 22px;
	--time-font-size: 1rem;
	--speed-font-size: 0.9rem;
	--speed-height: 42px;
	--speed-padding: 0 14px;
	--lang-height: 42px;
	--lang-font-size: 0.9rem;
	--lang-trigger-padding: 0 14px;
	--lang-flag-width: 22px;
	--lang-flag-height: 15px;
}

/* ===================================================
   THEME 13: GLASS PILL – rounded, frosted, airy
   =================================================== */
.audio-player[data-theme="glass-pill"] {
	--bg: rgba(255, 255, 255, 0.25);
	--backdrop: blur(30px) saturate(180%);
	--border: 1px solid rgba(255, 255, 255, 0.4);
	--color: #0f172a;
	--radius: 999px;
	--btn-bg: rgba(255, 255, 255, 0.7);
	--btn-color: #1e293b;
	--btn-radius: 999px;
	--btn-hover-bg: rgba(255, 255, 255, 0.9);
	--progress-bg: rgba(255, 255, 255, 0.4);
	--progress-accent: #6366f1;
	--select-bg: rgba(255, 255, 255, 0.6);
	--select-color: #0f172a;
	--select-border: 1px solid rgba(255, 255, 255, 0.5);
	--speed-bg: rgba(255, 255, 255, 0.6);
	--speed-color: #0f172a;
	--speed-border: 1px solid rgba(255, 255, 255, 0.5);
	--svg-fill: #1e293b;

	/* pill‑friendly tall but narrow */
	--player-padding: 6px 18px;
	--player-gap: 12px;
	--btn-play-size: 40px;
	--btn-play-icon-size: 22px;
	--btn-icon-size: 36px;
	--btn-icon-svg-size: 20px;
	--progress-height: 6px;
	--progress-thumb-size: 18px;
	--time-font-size: 0.8rem;
	--speed-font-size: 0.8rem;
	--speed-height: 34px;
	--speed-padding: 0 12px;
	--lang-height: 34px;
	--lang-font-size: 0.8rem;
	--lang-trigger-padding: 0 12px;
	--lang-flag-width: 18px;
	--lang-flag-height: 12px;
}

/* ===================================================
   THEME 14: NEON PUNK – loud, angular, oversized
   =================================================== */
.audio-player[data-theme="neon-punk"] {
	--bg: #000;
	--border: 3px solid #ffff00;
	--color: #39ff14;
	--radius: 0px;
	--btn-bg: #ff00ff;
	--btn-color: #000;
	--btn-radius: 0px;
	--btn-hover-bg: #cc00cc;
	--btn-shadow: 0 0 20px #ff00ff;
	--progress-bg: #222;
	--progress-accent: #ffff00;
	--select-bg: #111;
	--select-color: #39ff14;
	--select-border: 2px solid #39ff14;
	--speed-bg: #111;
	--speed-color: #39ff14;
	--speed-border: 2px solid #39ff14;
	--svg-fill: #ffff00;

	/* chunky */
	--player-padding: 14px 16px;
	--player-gap: 12px;
	--btn-play-size: 52px;
	--btn-play-icon-size: 28px;
	--btn-icon-size: 46px;
	--btn-icon-svg-size: 24px;
	--progress-height: 10px;
	--progress-thumb-size: 22px;
	--time-font-size: 0.85rem;
	--speed-font-size: 0.85rem;
	--speed-height: 42px;
	--speed-padding: 0 14px;
	--lang-height: 42px;
	--lang-font-size: 0.85rem;
	--lang-trigger-padding: 0 14px;
	--lang-flag-width: 22px;
	--lang-flag-height: 15px;
}

/* ===================================================
   THEME 15: SLIM MINIMAL – ultra‑thin, modern app strip
   =================================================== */
.audio-player[data-theme="slim-minimal"] {
	--bg: #f4f4f5;
	--border: none;
	--color: #18181b;
	--radius: 6px;
	--btn-bg: transparent;
	--btn-color: #18181b;
	--btn-radius: 4px;
	--btn-border: 1px solid #d4d4d8;
	--btn-hover-bg: #e4e4e7;
	--progress-bg: #e4e4e7;
	--progress-accent: #18181b;
	--select-bg: transparent;
	--select-color: #18181b;
	--select-border: 1px solid #d4d4d8;
	--speed-bg: transparent;
	--speed-color: #18181b;
	--speed-border: 1px solid #d4d4d8;
	--svg-fill: #18181b;

	/* very slim */
	--player-padding: 3px 8px;
	--player-gap: 5px;
	--btn-play-size: 30px;
	--btn-play-icon-size: 16px;
	--btn-icon-size: 28px;
	--btn-icon-svg-size: 15px;
	--progress-height: 3px;
	--progress-thumb-size: 10px;
	--time-font-size: 0.7rem;
	--speed-font-size: 0.65rem;
	--speed-height: 24px;
	--speed-padding: 0 6px;
	--lang-height: 24px;
	--lang-font-size: 0.65rem;
	--lang-trigger-padding: 0 6px;
	--lang-flag-width: 12px;
	--lang-flag-height: 8px;
}

/* ===================================================
   THEME 16: WOODEN TACTILE – chunky, hand‑crafted
   =================================================== */
.audio-player[data-theme="wooden-tactile"] {
	--bg: #5c4033;
	--border: 3px solid #2b1d14;
	--color: #f5deb3;
	--radius: 8px;
	--btn-bg: #2b1d14;
	--btn-color: #f5deb3;
	--btn-radius: 8px;
	--btn-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 4px 6px rgba(0, 0, 0, 0.5);
	--btn-hover-bg: #3b2b21;
	--progress-bg: #3b2b21;
	--progress-accent: #d2a679;
	--select-bg: #3b2b21;
	--select-color: #f5deb3;
	--select-border: 1px solid #2b1d14;
	--speed-bg: #3b2b21;
	--speed-color: #f5deb3;
	--speed-border: 1px solid #2b1d14;
	--svg-fill: #f5deb3;

	/* generous, solid */
	--player-padding: 14px 16px;
	--player-gap: 12px;
	--btn-play-size: 48px;
	--btn-play-icon-size: 26px;
	--btn-icon-size: 42px;
	--btn-icon-svg-size: 22px;
	--progress-height: 8px;
	--progress-thumb-size: 20px;
	--time-font-size: 0.85rem;
	--speed-font-size: 0.8rem;
	--speed-height: 38px;
	--speed-padding: 0 12px;
	--lang-height: 38px;
	--lang-font-size: 0.8rem;
	--lang-trigger-padding: 0 12px;
	--lang-flag-width: 20px;
	--lang-flag-height: 13px;
}

/* ===================================================
   THEME 17: CANDY POP – round, plump, pastel fun
   =================================================== */
.audio-player[data-theme="candy-pop"] {
	--bg: #fef0f6;
	--border: 2px solid #f9a8d4;
	--color: #831843;
	--radius: 24px;
	--btn-bg: #f472b6;
	--btn-color: #ffffff;
	--btn-radius: 999px;
	--btn-shadow: 0px 0px 2px #be185d;
	--btn-hover-bg: #ec4899;
	--progress-bg: #fce7f3;
	--progress-accent: #ec4899;
	--select-bg: #fff;
	--select-color: #831843;
	--select-border: 2px solid #f9a8d4;
	--speed-bg: #fff;
	--speed-color: #831843;
	--speed-border: 2px solid #f9a8d4;
	--svg-fill: #831843;

	/* playful */
	--player-padding: 10px 16px;
	--player-gap: 12px;
	--btn-play-size: 50px;
	--btn-play-icon-size: 28px;
	--btn-icon-size: 44px;
	--btn-icon-svg-size: 24px;
	--progress-height: 8px;
	--progress-thumb-size: 20px;
	--time-font-size: 0.85rem;
	--speed-font-size: 0.8rem;
	--speed-height: 38px;
	--speed-padding: 0 14px;
	--lang-height: 38px;
	--lang-font-size: 0.8rem;
	--lang-trigger-padding: 0 14px;
	--lang-flag-width: 20px;
	--lang-flag-height: 14px;
}

/* ===================================================
   THEME 18: INDUSTRIAL STEEL – harsh, angular, heavy
   =================================================== */
.audio-player[data-theme="industrial-steel"] {
	--bg: #2f3129;
	--border: 2px solid #7f7f7f;
	--color: #b0b0b0;
	--radius: 2px;
	--btn-bg: linear-gradient(180deg, #5a5a5a, #3a3a3a);
	--btn-color: #e0e0e0;
	--btn-radius: 2px;
	--btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.8);
	--btn-hover-bg: linear-gradient(180deg, #6a6a6a, #4a4a4a);
	--progress-bg: #1c1d1a;
	--progress-accent: #e2e2e2;
	--select-bg: #1c1d1a;
	--select-color: #b0b0b0;
	--select-border: 1px solid #5a5a5a;
	--speed-bg: #1c1d1a;
	--speed-color: #b0b0b0;
	--speed-border: 1px solid #5a5a5a;
	--svg-fill: #e2e2e2;

	/* heavy, square */
	--player-padding: 12px 14px;
	--player-gap: 10px;
	--btn-play-size: 44px;
	--btn-play-icon-size: 22px;
	--btn-icon-size: 38px;
	--btn-icon-svg-size: 20px;
	--progress-height: 8px;
	--progress-thumb-size: 18px;
	--time-font-size: 0.8rem;
	--speed-font-size: 0.75rem;
	--speed-height: 34px;
	--speed-padding: 0 12px;
	--lang-height: 34px;
	--lang-font-size: 0.75rem;
	--lang-trigger-padding: 0 12px;
	--lang-flag-width: 18px;
	--lang-flag-height: 12px;
}

/* ===================================================
   THEME 19: SOFT PASTEL – delicate, rounded, cloud‑like
   =================================================== */
.audio-player[data-theme="soft-pastel"] {
	--bg: #e8e0f0;
	--border: 1px solid #d4cde0;
	--color: #3b2e4a;
	--radius: 18px;
	--btn-bg: #c3b1e1;
	--btn-color: #fff;
	--btn-radius: 12px;
	--btn-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	--btn-hover-bg: #b39dd8;
	--progress-bg: #f5f3f8;
	--progress-accent: #9b8ec4;
	--select-bg: rgba(255, 255, 255, 0.8);
	--select-color: #3b2e4a;
	--select-border: 1px solid #d4cde0;
	--speed-bg: rgba(255, 255, 255, 0.8);
	--speed-color: #3b2e4a;
	--speed-border: 1px solid #d4cde0;
	--svg-fill: #3b2e4a;

	/* delicate, slightly padded */
	--player-padding: 8px 14px;
	--player-gap: 10px;
	--btn-play-size: 38px;
	--btn-play-icon-size: 18px;
	--btn-icon-size: 32px;
	--btn-icon-svg-size: 17px;
	--progress-height: 6px;
	--progress-thumb-size: 14px;
	--time-font-size: 0.75rem;
	--speed-font-size: 0.7rem;
	--speed-height: 28px;
	--speed-padding: 0 10px;
	--lang-height: 28px;
	--lang-font-size: 0.7rem;
	--lang-trigger-padding: 0 10px;
	--lang-flag-width: 16px;
	--lang-flag-height: 11px;
}

/* ===================================================
   THEME 20: DARK ORCHESTRA – deep, majestic, wide
   =================================================== */
.audio-player[data-theme="dark-orchestra"] {
	--bg: radial-gradient(circle at 20% 20%, #2a1f3d, #0e0a18);
	--border: 2px solid #b794f4;
	--color: #e0d4f5;
	--radius: 10px;
	--btn-bg: #6d28d9;
	--btn-color: #fff;
	--btn-radius: 6px;
	--btn-shadow: 0 0 15px #6d28d9;
	--btn-hover-bg: #7c3aed;
	--progress-bg: #1a0f2e;
	--progress-accent: #b794f4;
	--select-bg: #1a0f2e;
	--select-color: #e0d4f5;
	--select-border: 1px solid #b794f4;
	--speed-bg: #1a0f2e;
	--speed-color: #e0d4f5;
	--speed-border: 1px solid #b794f4;
	--svg-fill: #e0d4f5;

}
/* ===================================================
   INKWELL — washi paper, sumi ink, editorial serif
   =================================================== */
.audio-player[data-theme="inkwell"] {
	--bg: #f7f4ef;
	--border: 1px solid #c8bfaf;
	--radius: 0px;
	--shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	--color: #4a3f30;
	--font-family: Georgia, serif;

	--btn-bg: #1a1008;
	--btn-color: #f7f4ef;
	--btn-radius: 0px;
	--btn-hover-bg: #2e1f0c;

	--progress-accent: #1a1008;
	--progress-bg: #d4cbbe;
	--progress-height: 2px;
	--progress-track-radius: 0px;

	--select-bg: #ede8e0;
	--select-color: #4a3f30;
	--select-border: 1px solid #c8bfaf;
	--speed-bg: #ede8e0;
	--speed-color: #4a3f30;
	--speed-border: 1px solid #c8bfaf;
	--svg-fill: #4a3f30;
	--prefix-color: #7a6f5e;
	--prefix-bg: transparent;
}

/* ===================================================
   AMBER-TERMINAL — phosphor warmth, CRT scanlines
   =================================================== */
.audio-player[data-theme="amber-terminal"] {
	--bg: #0e0c07;
	--border: 1px solid #3d2e00;
	--radius: 4px;
	--shadow: 0 0 0 1px #2a1f00;
	--color: #ffb000;
	--font-family: 'Courier New', Courier, monospace;
	--text-shadow: 0 0 6px rgba(255, 176, 0, 0.35);

	--btn-bg: #ffb000;
	--btn-color: #0e0c07;
	--btn-radius: 3px;
	--btn-hover-bg: #ffc333;

	--progress-accent: #ffb000;
	--progress-bg: #2a1e00;
	--progress-height: 3px;
	--progress-track-radius: 2px;

	--select-bg: #1c1400;
	--select-color: #ffb000;
	--select-border: 1px solid #3d2e00;
	--speed-bg: #1c1400;
	--speed-color: #ffb000;
	--speed-border: 1px solid #3d2e00;
	--svg-fill: #ffb000;
	--prefix-color: #cc8c00;
	--prefix-bg: transparent;
	--range-accent: #ffb000;
	--range-bg: #2a1e00;

	/* Scanline texture stacked over --bg color */
	background-image: repeating-linear-gradient(0deg,
			transparent,
			transparent 3px,
			rgba(0, 0, 0, 0.10) 3px,
			rgba(0, 0, 0, 0.10) 4px);
}

/* ===================================================
   CHALK — chalkboard green-black, matte off-white
   =================================================== */
.audio-player[data-theme="chalk"] {
	--bg: #1e2b1a;
	--border: 1px solid #3a4f34;
	--radius: 2px;
	--shadow: none;
	--color: #c8c0b0;

	--btn-bg: #f5f0e8;
	--btn-color: #1e2b1a;
	--btn-radius: 2px;
	--btn-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.10);
	--btn-hover-bg: #ffffff;

	--progress-accent: #e8e2d8;
	--progress-bg: #2d3f28;
	--progress-height: 4px;
	--progress-track-radius: 1px;

	--select-bg: #2d3f28;
	--select-color: #c8c0b0;
	--select-border: 1px solid #3a4f34;
	--speed-bg: #2d3f28;
	--speed-color: #c8c0b0;
	--speed-border: 1px solid #3a4f34;
	--svg-fill: #c8c0b0;
	--prefix-color: #9a9288;
	--prefix-bg: transparent;
	--range-accent: #e8e2d8;
	--range-bg: #2d3f28;
}