// Component settings: Form group
// ------------------------------------------

$c-form-group: (
  'color':					    palette(neutral, 400),
  'error-color':				palette(feedback, action),
);

// ------------------------------------------


.c-form-group__label {
  @include font-size(s);
  display: block;
  padding: space(0.5) 0;
  color: map-get($c-form-group, 'color');
}

.c-form-group__error {
  display: none;

  .has-error &:not(:empty) {
    @include font-size(xs);
    display: block;
    padding: space(1);
    color: map-get($c-form-group, 'error-color');
    background-color: rgba(map-get($c-form-group, 'error-color'), 0.1);
    border: 1px solid map-get($c-form-group, 'error-color');
    border-top: none;
    border-radius: 0 0 map-get($border-radius, s) map-get($border-radius, s);
  }
}