@import url('./constants.css');

.bg-main {
  background-color: var(--primary) !important;
}

.bg-color-1 {
  background-color: var(--secondary) !important;
  ;
}

.bg-color-2 {
  background-color: var(--color-2) !important;
  ;
}

.cl-main {
  color: var(--primary) !important;
}

.cl-color-1 {
  color: var(--secondary) !important;
  ;
}

.cl-color-2 {
  color: var(--color-1);
}

.cl-color-3 {
  color: var(--color-2);
}

.cl-color-4 {
  color: rgb(104, 104, 104);
}

/* Subject Group Color  */
.bg-color-5 {
  background-color: #88D7BA;
}

.bg-color-6 {
  background-color: #F0D5AC;
}

.bg-color-7 {
  background-color: #D6AFCB;
}

.bg-color-8 {
  background-color: #F2F2F2;
}

/* Subject Group Color light shade  */
.bg-color-9 {
  background-color: #C9F9E7;
}

.bg-color-10 {
  background-color: #FDEFDB;
}

.bg-color-11 {
  background-color: #FAD5EF;
}

.bg-color-12 {
  background-color: #FF8C8C !important;
}

.bg-color-18 {
  background-color: var(--color-18) !important;
}