:root {
  --default-font-family: 'Roboto';
  --default-font-size: 16px;

  --default-background-color: #ffffff;
  --default-foreground-color: #2c3e50;
  --default-primary-color: #27ae60;
  --default-secondary-color: #ecf0f1;
  --default-info-color: #3498db;
  --default-error-color: #c0392b;
  --inverse-background-color: #2c3e50;
  --inverse-foreground-color: #ffffff;
}

html,
body {
  all: initial;
  height: 100%;
  width: 100%;
  background-color: var(--default-background-color, white);
  color: var(--default-foreground-color, black);
  box-sizing: border-box;
}