html {
  /*
    1rem equals at least 1px. The old .7px floor made 7–10rem labels render
    at 5–7px on 125–150% Windows display scaling, while their containers kept
    a different line box. That caused clipped and vertically shifted text.
  */
  font-size: max(1px, .0520833333vw);
  font-size: max(1px, calc(100vw / 1920));
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 760px) {
  html { font-size: 1px; }
}

:root {
  --font-display: 'Manrope', sans-serif;
  --font-ui: 'Manrope', sans-serif;
  --font-body: 'Manrope', sans-serif;
  --font-accent: 'Manrope', sans-serif;
  --bg: #040404;
  --bg-2: #121212;
  --surface: rgba(32, 32, 32, .86);
  --surface-strong: rgba(18, 18, 18, .98);
  --text: #f0f0f0;
  --muted: rgba(240, 240, 240, .55);
  --red: #e63d3d;
  --orange: #f35252;
  --purple: #8800ff;
  --cyan: #f0f0f0;
  --green: #78d99b;
  --line: rgba(240, 240, 240, .1);
  --shadow: 0 34rem 100rem rgba(0,0,0,.62);
  --radius-xl: 6rem;
  --radius-lg: 6rem;
  --radius-md: 6rem;
  --ease: cubic-bezier(.16, 1, .3, 1);
}