@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --background-color: #EEE;
  --color: Black;
  --feature-color: Crimson;
  background-color: var(--background-color);
  color: var(--color);
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #222;
    --color: White;
    --feature-color: Red;
  }

  a {
    color: SkyBlue
  }

  a:active {
    color: RosyBrown
  }

  a:visited {
    color: Thistle
  }
}

body {
  margin: 2em;
}

h1 {
  color: var(--feature-color);
}

search {
  margin: 1em 0;
}

svg, #icon {
  color: var(--feature-color);
}