:root {
  --color-bg-menu: #e6e6e6;
  --color-button-bg: #ffffff;
  --color-button-border: #b0b0b0;
  --color-text: #000000;
  --color-text-on-footer: #ffffff;
  --color-task-progress-bg: rgb(202, 234, 249);

  --color-header-red: rgb(255, 82, 82);
  --color-header-blue: rgb(83, 109, 254);
  --color-header-green: rgb(102, 187, 106);
  --color-main-red: rgb(255, 138, 128);
  --color-main-blue: rgb(140, 158, 255);
  --color-main-green: rgb(165, 214, 167);
  --color-footer-selected-red: rgb(213, 0, 0);
  --color-footer-selected-blue: rgb(48, 79, 254);
  --color-footer-selected-green: rgb(56, 142, 60);

  --margin-small: 5px;
  --margin-medium: 10px;
  --margin-large: 15px;
  --margin-xlarge: 20px;
  --margin-huge: 30px;
  --margin-vhuge: 40px;

  --border-w: 5px;
  --border-w-big: 10px;
  --sidebar-w: 80px;
  --header-row-h: 90px;
  --footer-h: 90px;
  --footer-big-h: 120px;
  --footer-vbig-h: 170px;

  --font-menu-button: 700 25px system-ui, -apple-system, sans-serif;
  --font-imprint: 18px system-ui, -apple-system, sans-serif;
  --font-imprint-bold: 700 18px system-ui, -apple-system, sans-serif;
  --font-footer: 700 60px system-ui, -apple-system, sans-serif;
  --font-sort-footer: 700 40px system-ui, -apple-system, sans-serif;
  --font-number-input: 700 150px system-ui, -apple-system, sans-serif;
  --font-number-big: 700 150px system-ui, -apple-system, sans-serif;
}

.bw-mode {
  --color-header-red: rgb(153, 153, 153);
  --color-header-blue: rgb(143, 143, 143);
  --color-header-green: rgb(153, 153, 153);
  --color-main-red: rgb(217, 217, 217);
  --color-main-blue: rgb(207, 207, 207);
  --color-main-green: rgb(217, 217, 217);
  --color-footer-selected-red: rgb(115, 115, 115);
  --color-footer-selected-blue: rgb(105, 105, 105);
  --color-footer-selected-green: rgb(115, 115, 115);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
body {
  font-family: system-ui, -apple-system, sans-serif;
  color: var(--color-text);
  background: var(--color-bg-menu);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}
#app { width: 100%; height: 100%; position: relative; }
button { font: inherit; cursor: pointer; }
img { user-select: none; -webkit-user-drag: none; }