@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

  :root {
    color-scheme: light dark;
    box-sizing: border-box;
    font-family: system-ui, monospace, sans-serif;
    interpolate-size: allow-keywords;
  }

  canvas,
  iframe,
  img,
  picture,
  svg,
  video {
    display: block;
    max-width: 100%;
  }
}