:root {
  color-scheme: dark;
  --color-bg: #484d5d;
  --color-btn-base: #3d4555;
  --color-btn-confirm: #166f16;
  --color-btn-cancel: #8d1d1d;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.25 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-repeat: repeat;
  color: #e2e2e4;
  font-family: 'Droid Sans', sans-serif;
  margin: 0;
}