:root {
  /* auto light/dark based on user choice */
  color-scheme: light dark;
  --text: light-dark(#000000, #FFFFFF);
  --bg: light-dark(#FFFFFF, #000000);
}


/* https://smolweb.org/subset.html */
/* structural */
html {
  /* respect user font choices */
  font-size: 100%;
}


/* semantic */
header strong {
  font-size: 1.6rem;
}

footer {
  font-size: 0.9rem;
}


/* textual */
h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.2rem;
}

/* hypertextual */
/* listing */
/* forms */
/* basic table */
/* image */
/* presentation */
/* metainformation and linking */