:root {
  --ymv-text-color-subtle: light-dark(#5b5e65, #a8abb2);

  --ymv-surface: light-dark(#f8f9ff, #101419);
  --ymv-outline-variant: light-dark(#e0e2ea, #2d3136);
  --ymv-surface-frame: light-dark(#ebeef5, #1c2025);
  --ymv-primary: light-dark(#13629d, #9ccaff);
  --ymv-current-background: light-dark(#ebeef5, #1c2025);
  --ymv-hover-background: light-dark(#f1f3fb, #181c21);
  --ymv-text-color: light-dark(#181c21, #e0e2ea);
  --ymv-success: light-dark(#006b54, #9ee3b5);
  --ymv-progress-color: light-dark(hsl(290, 88%, 67%), #ad2c98);
  --ymv-progress-blend-color: light-dark(hsl(290, 88%, 67%), #ad2c98);

  --ymv-spacing-xs: 0.5rem;
  --ymv-sizing-s: 1.25rem;
  --ymv-sizing-l: 1.75rem;

  --ymv-border-radius: 0%;

  --ymv-font-subhead: 700 0.875rem / 1.4 sans-serif;
  --ymv-icon-color: light-dark(#181c21, #e0e2ea);
  --ymv-icon-color-disabled: light-dark(#7e868f, #a8adb4);
}
