// Toggle Darkmode
// $main-background-color: #202020;
// $main-color: #f0f0f0;
// $main-color-links: #ffffff;
$extra-background-color: #ffffff;
$main-background-color: #f8f9fa;
$main-color: #202020;
$main-lighter-color: #505050;
$muted-color: #818181;
$muted-background-color: #ececec;
$alternate-row-color: #f0f0f0;
$extra-color: #000000;
$main-color-links: #1565c0;

$main-border-color: #dee2e6;

$error-color: rgb(255, 77, 79);
$warn-color: rgb(250, 173, 20);

$beware-background: #ffe6e6;
$selected-background: #e6ffe6;

$button-primary-background: $main-color;
$button-primary-color: $main-background-color;
$button-secondary-background: $extra-background-color;
$button-secondary-color: $main-border-color;

$phone-width: calc(100% - .5rem);

$tablet-breakpoint: 48rem;
$tablet-width: calc($tablet-breakpoint - 1rem);

$screen-breakpoint: 61rem;
$screen-width: calc($screen-breakpoint - 1rem);

$large-screen-breakpoint: 80rem;
$large-screen-width: calc($large-screen-breakpoint - 1rem);

// TODO remove when https://github.com/snowpackjs/snowpack/issues/2967 is solved
html {
  font-size: inherit;
}
