/* Ujednolicenie przycisków legacy do systemu z Figmy „buttons" (node 5164-22).
   Ładowane PO template.min.css / registration-form.min.css → wygrywa kolejnością źródła.
   Aliasuje stare warianty `-shadow` na kanon (orange #E26200, violet #6F499E,
   outline #383838) i dodaje stany hover/active spójne z nową stroną (<Button>).
   Bazowy `.btn` jest już pill (border-radius:100px) z inset-glow — nie ruszamy go.
   Modyfikatory układu (--full, --two-rows, --slim, --big-text) zostają nietknięte. */

/* ── primary — orange ─────────────────────────────────────────────── */
.btn--orange-shadow,
.btn--orange-shadow-new {
  background-color: #E26200;
  border: 1px solid #F59E5C;
  color: #fff;
  box-shadow: inset 0 6px 12px rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.2);
}
.btn--orange-shadow:not(:disabled):hover,
.btn--orange-shadow-new:not(:disabled):hover {
  background-color: #E98130;
}
.btn--orange-shadow:focus-visible,
.btn--orange-shadow:active,
.btn--orange-shadow-new:focus-visible,
.btn--orange-shadow-new:active {
  outline: 3px solid rgba(245, 158, 92, 0.25);
  outline-offset: 0;
}

/* ── secondary — violet ───────────────────────────────────────────── */
.btn--purple-shadow {
  background-color: #6F499E;
  border: 1px solid #8767AE;
  color: #fff;
  box-shadow: inset 0 6px 12px rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.2);
}
.btn--purple-shadow:not(:disabled):hover {
  background-color: #8767AE;
}
.btn--purple-shadow:focus-visible,
.btn--purple-shadow:active {
  outline: 3px solid rgba(135, 103, 174, 0.35);
  outline-offset: 0;
}

/* ── tertiary — outline (secondary/ghost → ciemny outline #383838) ── */
.btn--secondary,
.btn--orange-ghost {
  background: #fff;
  border: 2px solid #383838;
  color: #383838;
}
.btn--secondary:not(:disabled):hover,
.btn--orange-ghost:not(:disabled):hover {
  background: #f2f2f2; /* białe tło + ~6% #383838 — spójne z hover outline na nowej stronie */
  color: #383838;
}
.btn--secondary:focus-visible,
.btn--secondary:active,
.btn--orange-ghost:focus-visible,
.btn--orange-ghost:active {
  outline: 4px solid rgba(56, 56, 56, 0.15);
  outline-offset: 0;
}

/* ── disabled — stan (klasa dokładana warunkowo, nie osobny kolor) ── */
.btn--gray-disabled,
.btn--gray-disabled:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #575757;
}