<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&amp;display=swap');
    .text {
      font-family: 'Montserrat', system-ui, sans-serif;
      font-size: 55px;
      font-weight: 700;
      fill: #000000;
      dominant-baseline: central;
      text-anchor: middle;
    }
    @media (prefers-color-scheme: dark) {
      .text {
        fill: #ffffff;
      }
    }
  </style>
  <text x="50" y="55" class="text">AM</text>
</svg>