/**
 * jayasree default styles.
 *
 * Import this file or define your own rules against the same class names.
 * Customise via CSS custom properties on any ancestor element:
 *
 *   .my-stage {
 *     --ms-ghost-color:  #e0daf5;
 *     --ms-ink-color:    #1a1a2e;
 *     --ms-stylus-color: #e8b84b;
 *   }
 */

/** Ghost: thin wireframe of the complete letterform, drawn before animation. */
.ms-ghost path {
  fill: none;
  stroke: var(--ms-ghost-color, #c4b5e8);
  stroke-width: 1;
}

/** Animated ink trace drawn over the ghost. */
.ms-stroke {
  stroke: var(--ms-ink-color, #1a1a2e);
  fill: none;
  /* stroke-width is set in JS proportional to unitsPerEm; override here if needed. */
}

/** Glowing stylus dot at the pen tip. */
.ms-stylus {
  fill: var(--ms-stylus-color, #e8b84b);
  filter: drop-shadow(0 0 4px rgba(232, 184, 75, 0.85));
}

/** Universal whitespace/punctuation (see UNIVERSAL_CHARS in index.js) -
    plain static text, not handwriting, so it uses the ink color but never
    animates. */
.ms-static {
  fill: var(--ms-ink-color, #1a1a2e);
  font-family: inherit;
}