* {
  box-sizing: border-box;
}

:root {
  --theme-unit: 8px;
  --theme-focus: #108ce7;
  --theme-margin: calc(var(--theme-unit) / 2);
  --theme-background: #111111;
  --theme-border: #000000;
  --theme-section-title-background: #252225;
  --theme-panel-background: #1a1a1a;
  --theme-input-background: #1f1f1f;
  --theme-input-border: #000000;
  --theme-primary: #d0d0d0;
  --theme-active-text: #ffffff;
  --theme-primary-text: var(--theme-primary);
  --theme-label-size: calc(var(--theme-unit) * 1.5);
}

body {
  font-family: sans-serif;
  background-color: var(--theme-border);
  padding: 0;
  margin: 0;
}

.app-container {
  height: 85vh;
}