:root {
  --font-family: "Inter", sans-serif;
  --weight-300: 300;
  --weight-400: 400;
  --weight-500: 500;
  --weight-600: 600;
  --weight-700: 700;
  --weight-900: 900;
  --white-color: #fff;
  --extra-light-color: #F3F4F6;
  --light-color: #E4E4E7;
  --text-color: #667085;
  --heading-color: #0C141D;
  --default-color: #121212;
  --dark-color: #262626;
  --theme-color: #EF4444;
  --orange-color: #F97316;
  --blue-color: #1D4ED8;
  --purple-color:#7E22CE;
  --green-color: #0D9488;
  --black-color: #000;
  --border-color: #D4D4D8;
  --text-fg_muted: #52525B;
  --success-color: #16A34A;
  --success-border-color: #22C55E;
  --success-bg-color: #DCFCE7;
  --desable-border-color: #71717A;
  --desable-bg-color: #F4F4F5;
  --warning-color: #CA8A04;
  --warning-border-color: #EAB308;
  --warning-bg-color: #FEF9C3;
  --font-size-sm: 1rem;
  --font-size-md: 1.2rem;
  --font-size-lg: 1.6rem;
  --font-size-xl: 1.8rem;
  --font-size-xxl: 2.4rem;
  --font-size-big: 3rem;
  --font-size-14: 1.4rem;
  --card-radius: 1.2rem;
  --card-padding: 1.5rem 1.5rem;
  --input-padding: 0.8rem 1.4rem;
  --big-padding: 2.5rem 2.5rem;
  --padding-md: 1.6rem 1.6rem;
  --input-height: 4.5rem;
  --box-size: 4rem;
  --default-radius: 0.4rem;
  --space-40: 4rem;
  --space-30: 3rem;
  --space-20: 2rem;
  --space-lg: 2.5rem;
  --space-16: 1.6rem;
  --space-14: 1.4rem;
  --space-10: 1rem;
  --space-xs: 0.6rem;
  --td-lg-width: 28rem;
  --td-md-width: 16rem;
  --td-sm-width: 13rem;
  --td-xs-width: 8rem;
}


@media screen and (min-width: 300px) and (max-width: 767px) {


}