/* forms.css - spoločné štýly pre tlačidlá a vstupy (len vzhľad) */

button.btn-primary,
.btn-primary {
  background: var(--golem-primary);
  color: var(--golem-text-inverse);
  border: none;
}
button.btn-primary:hover:not(:disabled),
.btn-primary:hover:not(:disabled) {
  background: var(--golem-primary-hover);
}

button.btn-secondary,
.btn-secondary {
  background: transparent;
  color: var(--golem-text-muted);
  border: 1px solid var(--golem-border);
}
button.btn-secondary:hover:not(:disabled),
.btn-secondary:hover:not(:disabled) {
  border-color: var(--golem-border-hover);
  color: var(--golem-text);
}

button.btn-danger,
.btn-danger {
  background: transparent;
  color: var(--golem-danger);
  border: 1px solid var(--golem-danger);
}
button.btn-danger:hover:not(:disabled),
.btn-danger:hover:not(:disabled) {
  background: var(--golem-danger);
  color: var(--golem-text-inverse);
}

input.golem-input,
textarea.golem-input {
  background: var(--golem-bg-input);
  color: var(--golem-text);
  border: 1px solid var(--golem-border);
  border-radius: var(--golem-radius-md);
  padding: var(--golem-input-padding);
  outline: none;
  transition: border-color 0.2s;
}
input.golem-input:focus,
textarea.golem-input:focus {
  border-color: var(--golem-border-focus);
}