frontend/app/globals.css

@import "tailwindcss";

@theme {
  --color-primary-100: #cff9ea;
  --color-primary-200: #82d8bd;
  --color-primary-300: #68ae98;
  --color-primary-400: #4f8675;
  --color-primary-500: #376053;
  --color-primary-600: #213d34;
  --color-primary-700: #0d1d18;
  --color-secondary-100: #d9ef78;
  --color-secondary-200: #b3c562;
  --color-secondary-300: #8e9d4d;
  --color-secondary-400: #6c7739;
  --color-secondary-500: #4b5325;
  --color-secondary-600: #2c3114;
  --color-secondary-700: #0f1204;
  --color-tertiary-100: #f1f2ed;
  --color-tertiary-200: #c9cac5;
  --color-tertiary-300: #a2a39f;
  --color-tertiary-400: #7d7d7b;
  --color-tertiary-500: #5a5a58;
  --color-tertiary-600: #393938;
  --color-tertiary-700: #1b1b1a;
  --color-grey-100: #edf1ef;
  --color-grey-200: #c3c9c6;
  --color-grey-300: #9da29f;
  --color-grey-400: #797d7b;
  --color-grey-500: #565958;
  --color-grey-600: #363837;
  --color-grey-700: #191a19;
}

ul {
  list-style: disc;
  padding-left: 2rem;
}

ol {
  list-style: decimal;
  padding-left: 2rem;
}

.custom-scrollbar {
  scrollbar-color: #c9cac5 #c9cac5;
  scrollbar-width: thin;
}