:root {
  color-scheme: light dark;

  --color-main: dodgerblue;
  --color-secondary: goldenrod;

  --color-bg: light-dark(#fcfcfc, #222);
  --color-bg-darker: light-dark(#f0f0f0, #333);

  --color-block-border: light-dark(#ddd, slategrey);

  --color-ok: limegreen;
  --color-info: dodgerblue;
  --color-warn: darkorange;
  --color-err: crimson;

  --color-text-main: light-dark(#1e1e1e, #eee);
  --color-text-alt: light-dark(#fff, #000);
  --color-text-header: slategrey;
  --color-text-subtle: light-dark(#ccc, darkslategrey);
  --color-text-shadow: rgba(0, 0, 0, 0.5);

  /* Thick sidebar to subtly indicate a standalone piece of content */
  --border-sideline: solid 5px light-dark(#f3f3f3, #0f0f0f);
}

html {
  height: 100%;
  min-height: 720px; /* https://github.com/martijnmajoor/jarvis-ui/issues/18 */
  width: 100%;
}

@media (orientation: landscape) {
  html {
    min-height: 340px; /* https://github.com/martijnmajoor/jarvis-ui/issues/25 */
  }
}