:root {
  /* Form States */
  --form-error: #f23030;
  --form-success: #2cd673;
  --form-warning: #fbbf24;
}

/* Label styles */
label {
  color: var(--secondary-text);
}

/* Input styles */
input,
select {
  border-color: var(--outline);
  background-color: var(--input-fill);
  color: var(--secondary-text);
}

.select {
  border-color: var(--outline);
  color: var(--secondary-text);
}

.select:active,
.select:focus,
.select:focus-within,
.select:focus-visible,
.select:hover {
  outline: 2px solid var(--primary);
}