:root {
  --cta-primary: #e68b22;
  --cta-primary-dark: #a85f05;
  --cta-primary-light: #f3a84d;
}

/* main pill buttons (header, forms, etc.) */
.bw-green-cta,
.bw-green-cta[data-bw-green-cta-applied],
.form__btn.bw-green-cta {
  background: linear-gradient(180deg, var(--cta-primary-light) 0%, var(--cta-primary) 55%, var(--cta-primary-dark) 100%) !important;
  color: #121212 !important;
  border-radius: 18px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 6px var(--cta-primary-dark),
    0 10px 18px rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.bw-green-cta:hover,
.bw-green-cta:focus-visible,
.form__btn.bw-green-cta:hover,
.form__btn.bw-green-cta:focus-visible {
  background: linear-gradient(180deg, var(--cta-primary-light) 10%, var(--cta-primary) 65%, var(--cta-primary-dark) 100%) !important;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 7px var(--cta-primary-dark),
    0 14px 22px rgba(0, 0, 0, 0.3) !important;
}

.bw-green-cta:active,
.form__btn.bw-green-cta:active {
  transform: translateY(1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.25),
    0 4px var(--cta-primary-dark),
    0 8px 16px rgba(0, 0, 0, 0.25) !important;
}

/* tab buttons in signup modal */
.tabs-nav__btn.active {
  background: linear-gradient(180deg, var(--cta-primary-light) 0%, var(--cta-primary) 70%, var(--cta-primary-dark) 100%) !important;
  color: #121212 !important;
  border-color: transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 6px 14px rgba(230, 139, 34, 0.35);
}

.tabs-nav__btn {
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%) !important;
  color: #d5d5d5 !important;
  border-radius: 16px !important;
  transition: background 0.2s ease, color 0.2s ease;
}

.tabs-nav__btn:not(.active):hover,
.tabs-nav__btn:not(.active):focus-visible {
  background: linear-gradient(180deg, rgba(230, 139, 34, 0.2), rgba(26, 26, 26, 0.9)) !important;
  color: #f0f0f0 !important;
}