:root {
    --bg-color: #121212;
    --panel-bg: #1e1e1e;
    --surface-deep: #111;
    --surface-control: #333;
    --surface-control-muted: #222;
    --accent-color: #0dec38;
    --text-color: #e0e0e0;
    --text-muted: #888;
    --border-color: #333;
    --control-border-color: #444;
    --step-inactive: #2a2a2a;
    --step-active: #f0f0f0;

    /* Rating Colors */
    --rating-perfect: #0dec38;
    --rating-good: #5bff7c;
    --rating-ok: #99ffae;
    --rating-miss: #ff4444;
    --rating-wrong: #ff8800;
    --rating-extra: #ff00ff;
    --rating-default: #888;
    --timing-feel-warning: #ffcc00;

    /* Dynamic / articulation colors */
    --dynamic-ghost: #a9c0cd;
    --dynamic-normal: #f2f2f2;
    --dynamic-accent: #f3c74f;
    --dynamic-open: #76b6ff;
    --dynamic-closed: #f2f2f2;
}