:root {
  --radius: 22px;
  --radius-m: 12px;
  --radius-l: 8px;

  --black: #191919;
  --grey-color: #E0E0E0;
  --orange: #ffc83a;
  --green: #1f784d;
  --green-dark: #11643c;
  --white: #fefefe;
  --red: #b61722;
  --taupe-gray: #8c857d;

  --hover-red: #e01c2a;
  --hover-btn: #e43f4a;

  --hover-btn-green: #44946d;

  --outline: var(--taupe-gray);

  --shade: #dbc8b3;

  --second-bg-color: #fcf0d8;

  --text-light-color: var(--taupe-gray);

  --gap: 24px;
  --gap-m: 16px;
  --gap-s: 12px;

  --shadow: 0px 0px 4px 2px #FFCF54;
}