:root {
  --app-width: 1440px;
  --minimum-app-side-padding: 216px;

  --primary-color: #59ba8e;
  --secondary-color: #116666;
  --text-color: #373737;
  --text-color-gray: #676767;
  --text-color-light-gray: #979797;
  --border-color: #6D7278;
	--warning-color: #c63030;

  --primary-font: 'Open Sans', sans-serif;
  --headings-font: 'Source Sans Pro', sans-serif;

  --input-border-radius: 3px;
  --input-border: 1px solid transparent;
  --input-focus-border: 1px solid var(--primary-color);

  --background-color: #F8F9FA;

  --input-default-spacing: 15px;

  --button-color: var(--primary-color);
  --button-hover-color: var(--secondary-color);
  --button-text-color: #fff;
  --button-secondary-color: var(--primary-color);
  --button-secondary-text-color: var(--primary-color);
  --button-disabled-color: var(--text-color-gray);

  --menu-color: #fff;
  --menu-border: 2px solid var(--primary-color);
  --menu-text-color: var(--text-color);
  --menu-text-color-hover: var(--primary-color);

  --default-icon-size: 32px;

  --default-hover-transition: .3s;

  --safe-header-height: 80px;
  --general-border-radius: 8px;
}