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

  --color-bg: #fcfcfc;
  --color-bg-lighter: #fff;
  --color-bg-darker: #f0f0f0;

  --color-block-border: #ddd;
  --color-block-border-lighter: #eee;
  --color-block-border-darker: #ccc;
  --color-block-shadow: #999;

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

  --color-text-main: #1e1e1e;
  --color-text-alt: #fff;
  --color-text-header: slategrey;
  --color-text-subtle: #ccc;
  --color-text-shadow: rgba(0, 0, 0, 0.5);
}

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 */
  }
}