@import "../colors.css";

.radio:before, .radioChecked:before {
  background-color: var(--color-primary);
}

.radio .ripple, .radioChecked .ripple {
  background-color: var(--color-primary); 
}

.radioChecked {
  border: 0.2rem solid var(--color-primary);
}

.text {
  color: var(--color-label-primary, var(--color-label));
}

.accent {
  .radio:before, .radioChecked:before {
    background-color: var(--color-secondary);
  }
  
  .radio .ripple, .radioChecked .ripple {
    background-color: var(--color-secondary); 
  }
  
  .radioChecked {
    border: 0.2rem solid var(--color-secondary);
  } 

  .text {
    color: var(--color-label-secondary, var(--color-label));
  }
}