// not used anymore
$primary_not_used1: #1b5c61;
$primary_not_used2: #660033;
$primary_not_used3: #1b5c61;
$primary_not_used4: #0b5f81;

// new color list
$very-light-grey:   #f5f5f7;
$light-grey:        #adb0b6;
$mid-light-grey:    #D6D6D6;
$mid-grey:          #515154;
$dark-grey:         #1d1d1d;
$white:             #ffffff;
$grey:              #2b2b2b;
$user-bubble:       #FFC107;
$yellow:            #FFC107;
$primary:           rgb(238, 69, 64);
$primary-dark:      rgb(128, 19, 54);
$secondary:         #30AB8A;
$secondary-dark:    #0079c1;
$green:             #b6c20e;    
$membership:        #383838;
$personalized-link-color: #15c;
$primary-hover:     #eb231d;
$error:             #e30000;
$danger:            #ff0000;

$grid-border:       #515154;
$bg-color:          rgba(255, 255, 255, 0.3);

$side-panel-bg:     #f5f5f7;
$date-color:        #03A9F4;

$k-red:             #e74a33;
$k-green:           #006B54;

$k-background:      rgb(31, 31, 31);

$checked-color:     #30ab8a;
//$complete-color:     rgba(240, 47, 3, 0.40);
$complete-color:     #84D08D;
$bg-grey:           rgba(0,0,0,0.9);

 $bg-closed: #FFC107;
 $bg-primary-dark:   rgb(128, 19, 54);
 $bg-danger:   rgb(128, 19, 54);
 $bg-passed-deadline:   rgb(128, 19, 54);

 $toggle-color: #35C759;

$link-color:          $primary;
// $link-hover-color: $primary;

.color-closed {
  color: $bg-closed;
}

.bg-submitted {
  background-color: $primary-dark;
}

.btn-white {
  background-color: white !important;
}


.text-primary {
  color: $primary;  
}


.text-grey {
  color: $dark-grey;  
}

.text-accepted {
  color: $checked-color;
}



.text-danger {
  color: $error;
}

.text-secondary {
  color: $secondary;
}

.text-dark-grey {
  color: $dark-grey;
}

.text-mid-grey {
  color: $mid-grey;
}

.border-color {
  color: $mid-grey;
}

.text-light-grey {
  color: $light-grey;
}

.bg-dark {
  background-color: $bg-grey;
}

.bg-mid-grey {
  background-color: $mid-grey;
}

.bg-dark-grey {
  background-color: $dark-grey;
}


.bg-secondary {
  background-color: $secondary;
}


.bg-closed {
  background-color: $bg-closed !important;
}

.bg-closed2 {
background-color: rgba(0, 0, 0, 0.6) !important;
}

.bg-passed-deadline {
  background-color: $bg-passed-deadline !important;
}


.text-underline {
  text-decoration: underline;
}

.display-content {
  display: contents;
}

:export {
  primary: $primary;
  toggle: $toggle-color;
  secondary: $secondary;
}