@font-face {
  font-family: "LightNovelPOP";
  src: url("/assets/LightNovelPOPv2.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

html,
body,
button,
input,
select,
textarea {
  font-family: "LightNovelPOP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

:root {
  --ink: #4c4c4c;
}

body {
  color: #4c4c4c;
}

.speedometer-page {
  --fg: #4c4c4c;
}

.gauge-progress {
  stroke: #4c4c4c;
}

.marker,
.accel-marker,
.accel-zero-mark {
  stroke: #4c4c4c;
}

.accel-ring-label.zero {
  fill: #4c4c4c;
}

.source-dot.active,
.nav-button.active,
.segment.active,
.settings-action.primary {
  background: #4c4c4c;
}

.icon-button,
.segment,
.settings-action {
  color: #4c4c4c;
}

.gps-strip,
.acceleration-card,
.graph-card,
.map-card,
.mini-speed,
.settings-sheet,
.segmented,
.settings-action {
  border-color: #4c4c4c;
}

.nav-button.active,
.segment.active,
.settings-action.primary {
  color: #fff;
}