/* Shared primary button brand color — matches landing navbar navy */

:root {
    --brand-primary: #000080;
    --brand-primary-dark: #000033;
    --brand-primary-light: #0000a8;
    --brand-primary-gradient: linear-gradient(to right, #000033, #000080, #0000a8);
    --brand-primary-hover: #000066;
    --brand-primary-text: #ffffff;
    /* Landing React / shadcn theme tokens */
    --primary: 240 100% 25%;
    --primary-glow: 240 100% 33%;
    --ring: 240 100% 25%;
}

/* Primary filled buttons */
.auth-btn-primary,
.btn-login,
.btn-buy,
.btn-page,
.btn-primary,
.contact-btn-email,
.contact-btn-telegram,
.help-btn--create,
.help-btn--email,
.help-btn--telegram,
.help-btn--submit,
.help-btn--send-reply,
.help-btn--submit-modal,
.wallet-pay-btn,
.order-number-btn,
.sms-order-btn-new,
.best-temp-page .sms-order-btn-new,
.best-temp-page .get-new-btn,
.best-temp-page .get-new-number-btn,
.btn-add-funds,
.profile-btn--save,
.profile-btn--password,
.referral-claim-btn,
.referral-share-btn,
.grizzly-prices-page .btn-primary,
.grizzly-prices-page .gz-promo-slide__btn,
#copyApiKeyBtn {
    background: var(--brand-primary-gradient) !important;
    color: var(--brand-primary-text) !important;
    border-color: var(--brand-primary) !important;
}

.auth-btn-primary:hover,
.btn-login:hover,
.btn-buy:hover,
.btn-page:hover:not(:disabled),
.btn-primary:hover,
.contact-btn-email:hover,
.contact-btn-telegram:hover,
.help-btn--create:hover,
.help-btn--email:hover,
.help-btn--telegram:hover,
.help-btn--submit:hover,
.help-btn--send-reply:hover,
.help-btn--submit-modal:hover,
.wallet-pay-btn:hover,
.order-number-btn:hover:not(:disabled),
.sms-order-btn-new:hover,
.best-temp-page .sms-order-btn-new:hover,
.best-temp-page .get-new-btn:hover,
.best-temp-page .get-new-number-btn:hover,
.btn-add-funds:hover,
.profile-btn--save:hover,
.profile-btn--password:hover,
.referral-claim-btn:hover:not(:disabled),
.referral-share-btn:hover,
.grizzly-prices-page .btn-primary:hover,
.grizzly-prices-page .gz-promo-slide__btn:hover,
#copyApiKeyBtn:hover {
    filter: brightness(1.08);
}

.auth-btn-primary:hover,
.btn-login:hover,
.contact-btn-email:hover,
.contact-btn-telegram:hover,
.profile-btn--save:hover,
.profile-btn--password:hover {
    transform: translateY(-1px);
}

.contact-btn-email:hover,
.contact-btn-telegram:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 128, 0.35);
}