/**
 * cof-wheel.css — styles for the CircleOfFifths component.
 * Include this alongside lib/CircleOfFifths.js.
 * The SVG host element should carry the class "cof-wheel".
 */

.cof-wheel {
  touch-action: none;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.cof-wheel.dragging { cursor: grabbing; }

.seg-path {
  cursor: pointer;
  transition: filter .12s;
}
.seg-path:hover        { filter: brightness(1.35) saturate(1.2); }
.seg-path.active       { filter: brightness(1.6)  saturate(1.4); }

.seg-text {
  pointer-events: none;
  dominant-baseline: middle;
  text-anchor: middle;
  font-family: inherit;
}