/* 
  Purple: #7576FD
  Black: #030303
  Grey: #89929E
  Light Grey: #E3E3E3
  Background: #F3F4F5
  Red: #FF2600
*/

.th-mikee {
  --mute-percent: 60%;
  --background-color: white;
  --medium-color: #89929E;
  
  --action-color: #7576FD;
  --error-color: #FF2600;

  --text-color: #030303;
  --text-selection-bg-color: #7575fd4D;
  --text-selection-bg-color-error: #FF26004D;
  --text-semi-muted-color: #89929E80;
  --text-contrast-action-color: white;
  --text-contrast-error-color: white;

  --base-border-color: #E3E3E3;
  --accent-border-color: #7576FD;
  --light-border-color: #E3E3E3;

  --form-box-border-focus: #7576FD;
  --form-box-shadow-color-focus: #7576FD;
  --form-box-shadow-color-focus-error: #FF2600;

  --dropdown-box-shadow-color: #E3E3E3;

  --secondary-background-color: #F3F4F5;
  --intermediate-background-color: #F3F4F5;
}

.th-mikee button {
  border-radius: 9px;
  color: #7576FD;
}

.th-mikee input {
  border-radius: 9px;
}

.th-mikee select {
  border-radius: 9px;
}

.th-mikee h1 {
  color: #7576FD;
}

.th-mikee div[class*='__btn'] {
  color: #7576FD;
}

.th-mikee div[class*='__db']{
  color: #7576FD;
}

.th-mikee div[class*='-button'] {
  color: #7576FD;
}