@layer base, rmx;

@font-face {
  font-family: "Acme";
  src: url(/fonts/Acme-Regular.ttf) format("truetype");
}

@layer base {
  :root {
    --light-color: rgba(204, 204, 238, 1);
    --dim-color: rgba(51, 51, 85, 1);
    --dark-color: rgba(34, 34, 51, 1);
  }

  * {
    box-sizing: border-box;
  }

  body {
    margin: 0;
    background-color: var(--dark-color);
    font-family: "Arial", sans-serif;
    color: var(--light-color);
  }

  a {
    color: inherit;
  }

  @media print {
    body,
    a {
      color: var(--dark-color);
    }
  }
}