@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

:root {
  --color-theme-1: rgb(29, 54, 73);
  --color-theme-2: rgb(255, 255, 255);
  --color-theme-3: rgb(0, 98, 122);
  --color-theme-4: rgb(200, 240, 143);
  --color-theme-5: rgb(240, 158, 143);

  --color-error: rgb(255, 53, 53);

  --color-shade: rgba(29, 54, 73, 0.6);

  --gap-min: 2px;
  --gap-mid: 10px;
  --gap-max: 20px;

  --tap-zone-size: 38px;
  --ui-font-size: 14px;

  --alt-radius: 4px;
  --ui-radius: 2px;

  --ui-font-size: 16px;

  --ui-shadow: 0 0 8px rgba(29, 54, 73, 0.3);
}