body {
  margin: unset;
}

:root {
  --main-background-color: #fafafa;
  --main-text-color: #4d4d4d;
  --main-font-family: "Roboto", sans-serif;

  --navbar-height: 60px;

  --primary-color: #2196f3;
  --secondary-color: #cacaca;

  --input-background-color: #f2f2f2;
  --input-border-color: #cacaca;
  --input-placeholder-color: #cacaca;
  --input-text-color: #333333;
  --input-label-color: #969696;

  --light-text-color: #969696;
  --shadow-color: #dedede;

  --error-background-color: #f0c0c8;
  --error-border-color: #c00020;
  --error-text-color: #c00020;

  --tarocco: #fb513b;
  --offwhite: #f6f4ee;

  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-s: 8px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 40px;
  --spacing-xxxl: 48px;
  --spacing-h: 56px;
  --spacing-xh: 64px;
  --spacing-xxh: 72px;
  --spacing-xxxh: 80px;
}