/* ========================================
   CSS Custom Properties (Theme Variables)
   ======================================== */
:root {
  /* Colors */
  --notation-stroke-color: black;
  --notation-fill-color: transparent;
  --notation-text-color: #1a1a1a;
  --notation-border-color: gray;
  /* Strokes */
  --notation-stroke-width: 1;
  --notation-bar-line-width: 1;
  /* Spacing (can be overridden) */
  --notation-line-padding: 5px;
  --notation-annotation-padding: 10px;
}

/* Dark mode */
:root.dark,
[data-theme=dark] {
  --notation-stroke-color: #e5e5e5;
  --notation-fill-color: transparent;
  --notation-text-color: #f0f0f0;
  --notation-border-color: #555;
}

/* System preference fallback */
@media (prefers-color-scheme: dark) {
  :root:not(.light):not([data-theme=light]) {
    --notation-stroke-color: #e5e5e5;
    --notation-fill-color: transparent;
    --notation-text-color: #f0f0f0;
    --notation-border-color: #555;
  }
}
/* ========================================
   SVG Element Styles
   ======================================== */
/* Octave indicator dots */
.notation-octave-dot {
  stroke: var(--notation-stroke-color);
  stroke-width: var(--notation-stroke-width);
}

/* Bar lines (start and end) */
.bar-start-line,
.bar-end-line {
  stroke: var(--notation-stroke-color);
  stroke-width: var(--notation-bar-line-width);
}

/* Jaaru (glide) paths */
.notation-jaaru-path {
  stroke: var(--notation-stroke-color);
  fill: var(--notation-fill-color);
}

/* Text elements - target all SVG text within notation */
.notationsContentRootTable text,
.atomViewTextRoot,
.notation-embelishment-label {
  fill: var(--notation-text-color);
}

/* HTML text elements (metadata, headings, markdown content) */
.notationsContentRootTable,
.rawBlockContentCell,
.rawBlockContentCell * {
  color: var(--notation-text-color);
}

/* ========================================
   Layout Styles
   ======================================== */
.lineRow {
  border: none;
}

.lineAnnotationCell {
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: top;
}

.lineContentCell {
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.rawBlockRow {
  border: none;
}

.rawBlockContentCell {
  padding-top: 5px;
  padding-bottom: 5px;
}

.notationsContentRootTable {
  border-top: solid 1px var(--notation-border-color);
  width: 100%;
}

/*# sourceMappingURL=NotationView.css.map */
