:root {
  --mtg-midnight: #181a24;
  --mtg-urbanblue: #004098;
  --mtg-grey-4: #f5f5f6;
  --mtg-white: #ffffff;
  --mtg-livered: #e6002d;
  --mtg-grey-1: #85878f;
  --mtg-grey-2: #b9babd;
  --mtg-grey-3: #e8e8e8;
  --mtg-blue-1: #3359cc;
  --mtg-blue-2: #7386e5;
  --mtg-blue-4: #edeefa;
  --mtg-red-4: #ffe5e6;

  --mtg-text-margin-top: 24px;
  --mtg-text-margin-bottom: 16px;

  --mtg-text-margin-top-half: 12px;
  --mtg-text-margin-bottom-half: 8px;

  --mtg-h1-s: 26px;
  --mtg-h1-w: 700;
  --mtg-h2-s: 22px;
  --mtg-h2-w: 700;
  --mtg-h2-height: 140%;
  --mtg-h3-s: 18px;
  --mtg-h3-w: 500;
  --mtg-h3-height: 140%;

  --mtg-body-s: 14px;
  --mtg-body-w: 400;
  --mtg-body-list-s: 14px;
  --mtg-body-list-w: 400;
  --mtg-body-strong-s: 14px;
  --mtg-body-strong-w: 500;

  --mtg-number-body-s: 15px;
  --mtg-number-body-w: 400;

  --mtg-caption-s: 12px;
  --mtg-caption-w: 400;

  --mtg-footer-caption-s: 10px;
  --mtg-footer-caption-w: 400;

  --mtg-button-s: 16px;
  --mtg-button-w: 700;
}