:root {
    --xq-global-radius: 5px;
    --xq-page-section-gap: var(--xq-site-card-gap, .2rem);
}

/*
 * Frontend visual baseline:
 * all visible rounded corners use one 5px radius.
 * Radio controls and loading spinners keep their semantic circular shape.
 */
body *:not(input[type="radio"]):not(.spinner-border):not(.spinner-grow) {
    border-radius: var(--xq-global-radius) !important;
}

/* ChainPay has two states (asset selection / payment details) in one template.
 * Keep both states aligned with the site's compact section spacing.
 */
body.xq-page-chainpay .xq-chainpay-page {
    padding-top: var(--xq-page-section-gap) !important;
    padding-bottom: 0 !important;
}

body.xq-page-chainpay .footer-lite,
body.xq-page-chainpay .footer-lite-mobile {
    margin-top: var(--xq-page-section-gap) !important;
}