.svg-steps {
  --svg-steps-accent: #1a1a1a;          
  --svg-steps-fg: #1a1a1a;
  --svg-steps-muted: #777;
  --svg-steps-border: #e2ddd5;
  --svg-steps-bg: transparent;          
  --svg-steps-caption-font: "DM Sans", sans-serif;
  --svg-steps-caption-size: 1.1em;
  --svg-steps-counter-font: "JetBrains Mono", monospace;
  --svg-steps-counter-size: .78em;
  --svg-steps-counter-case: uppercase;
  --svg-steps-counter-spacing: .15em;
  --svg-steps-watermark-font: 500 11px/1 "JetBrains Mono", monospace;
  --svg-steps-watermark-case: uppercase;
  --svg-steps-watermark-spacing: .15em;
  --svg-steps-watermark-color: rgba(26, 26, 26, .35);
  --svg-steps-btn-color: #1a1a1a;
  --svg-steps-btn-bg: transparent;
  --svg-steps-btn-border-width: 2px;
  --svg-steps-btn-border-color: #1a1a1a;
  --svg-steps-btn-hover-color: #1a1a1a;
  --svg-steps-btn-hover-bg: #f0ece4;
  --svg-steps-btn-hover-border-color: #1a1a1a;
  --svg-steps-btn-disabled-color: #cfc8bc;
  --svg-steps-btn-disabled-border-color: #e2ddd5;
  --svg-steps-restart-color: #1a1a1a;
  --svg-steps-focus: rgba(28, 165, 194, .35);   
}