:root {
  scroll-behavior: smooth;
  /*bg colors*/
  --bg-cl: #0e0f13;
  --bg-table-cl: #151921;
  --bg-thead-cl: #1b1e28;
  --backdrop-cl: rgba(0, 0, 0, 0.4);
  /*txt colors*/
  --default-txt-cl: #e9e9ee;
  --txt-cl-gray: #b4b6bb;
  --txt-cl-dark: #0c0a1a;
  --txt-cl-white: #ffffff;

  /*border colors*/
  --border-cl: #dddddf24;
  /*btn colors*/
  --default-btn-cl: #f92d60;
  --hero-btn-bg-cl: #fbdd0e;

  /*accent colors*/
  --accent-txt-cl: #4dd1fe;
  --hero-btn-hover-bg-cl: #ebce0b;
  --default-btn-accent-cl: #f34d6f;
  --table-row-accent-cl: #292929;
}