:root {
  --color-one: #402416;
  --color-two: #5d7f38;
  --color-three: #ccff90;
  --color-light-bg: #f5f5f5;
  --color-dark-bg: #07080a;
  --color-light-text: #f1f5f9;
  --color-dark-text: #1e293b;
  --color-success: #4caf50;
  --color-warning: #ff9800;
  --color-error: #9e1428;
}

body {
  background-color: var(--color-light-bg);
  color: var(--color-dark-text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-light-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--color-one);
  border-radius: 5px;
}