/* Кнопки. Только токены (--btn-primary-* расщеплён от ink-идентики). */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-2);
  min-height: 44px; /* touch-таргет */
  padding: var(--s-3) var(--s-6);
  border-radius: var(--r-md);
  font-weight: 600;
  font-size: var(--fs-body);
  line-height: 1.2;
  white-space: nowrap; /* кнопка всегда в одну строку (правка 2026-07-16) */
  text-decoration: none;
  border: 1px solid transparent;
  transition: background var(--d-fast) var(--ease), color var(--d-fast) var(--ease),
              border-color var(--d-fast) var(--ease), transform var(--d-fast) var(--ease);
}
.btn:hover { text-decoration: none; }
.btn:active { transform: translateY(1px); }

.btn--primary {
  background: var(--btn-primary-bg);
  color: var(--btn-primary-fg);
}
.btn--primary:hover { background: var(--btn-primary-bg-hover); }
.btn--primary:active { background: var(--btn-primary-bg-press); }
.btn--primary:focus-visible { outline-color: var(--focus-ring); outline-offset: 3px; }

.btn--secondary {
  background: transparent;
  color: var(--text);
  border-color: var(--line-strong);
}
.btn--secondary:hover { border-color: var(--text); background: var(--surface-2); }

.btn--gold {
  background: var(--accent-bright);
  color: var(--btn-gold-fg);
}
.btn--gold:hover { filter: brightness(1.06); }
.btn--gold:focus-visible { outline-color: var(--focus-ring-on-accent); }

.btn--lg { padding: var(--s-4) var(--s-7); font-size: var(--fs-body-l); }