.base-textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 0.9375rem;
  border: 1px solid var(--c-border);
  border-radius: 0.5rem;
  background-color: var(--c-app-bg);
  color: var(--c-base-text);
  resize: vertical;
  font-family: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.base-textarea:focus {
  outline: none;
  border-color: var(--c-brand);
  box-shadow: 0 0 0 3px var(--c-brand-highlight);
}

.base-textarea::placeholder {
  color: var(--c-base-subtitle-text);
}