:root {
--primary-purple: #6c63ff;
--dark-bg: #1e1e1e;
--dark-text: #f8f9fa;
--secondary-purple: #a29bfe;
--hover-purple: #5a55d4;
--card-bg: #2a2a2a;
--border-color: #444;
--input-bg: #333;
--input-border: #555;
--alert-error: #e74c3c;
--alert-success: #2ecc71;
--panel-bg: #2a2a2a;
--input-bg: #333;
--input-border: #555;
--info-label: #ccc;
--info-value: var(--dark-text);
--panel-bg: #2a2a2a;
--input-bg: #333;
--input-border: #555;
--info-label: #ccc;
--info-value: var(--dark-text);
--panel-bg: #2a2a2a;
--card-border: #3a3a3a;
--text-muted-dark: #888;
--info-label: #ccc;
--info-value: var(--dark-text);
--badge-watching-bg: #12CBC4;
--badge-watched-bg: #A3CB38;
--badge-dropped-bg: #ED4C67;
--badge-planned-bg: #FFC312;
--badge-time-bg: var(--secondary-purple);
--badge-avg-score-bg: var(--primary-purple);
--badge-recommendation-bg: #6610f2;
--badge-all-episodes-bg: #6c757d;
--badge-text-color: var(--dark-text);
}