html {
  --font-family: "Roboto", "Helvetica", "Arial", sans-serif;

  --text-color: #000;
  --text-color--75: #404040;
  --text-color--50: #808080;
  --text-color--25: #bfbfbf;
  --contrast-text-color: #fff;
  --contrast-link-color: #b1b577;
  --primary-link-color: #914148;

  --color-primary-main: #643346;
  --color-primary-hover: #502837;
  --background-header-color: #fff;
  --background-paper-color: #fff;
  --background-color: #f5f5fb;
  --color-error: #ce1126;
  --color-success: #4cad93;
  --color-warning: #ff9800;

  --box-shadow:
          0px 2px 1px -1px RGB(0, 0, 0, 0.2),
          0px 1px 1px 0px RGB(0, 0, 0, 0.14),
          0px 1px 3px 0px RGB(0, 0, 0, 0.12);
}