/* NexoBiz.global action button contrast tokens — frontend, console, tenant */

:root {
    --nbx-action-blue: #0073ea;
    --nbx-action-navy: #0f1838;
    --nbx-action-primary-bg: #0073ea;
    --nbx-action-primary-text: #ffffff;
    --nbx-action-primary-hover: #005bb5;
    --nbx-action-surface-bg: #ffffff;
    --nbx-action-surface-text: #0f1838;
    --nbx-action-surface-border: #d8e2ee;
    --nbx-action-inverse-bg: #ffffff;
    --nbx-action-inverse-text: #0073ea;
    --nbx-action-on-dark-outline-text: #ffffff;
    --nbx-action-on-dark-outline-border: rgba(255, 255, 255, 0.42);
    --nbx-action-muted-surface-text: #243047;
    --mock-blue: var(--nbx-action-blue);
    --ref-blue: var(--nbx-action-blue);
}

.mkt-body--ref-home,
.ref-page,
.mock-home,
.ref-home--mock {
    --mock-blue: var(--nbx-action-blue);
    --ref-blue: var(--nbx-action-blue);
}

/* Marketing mock / ref action buttons */
.mkt-body--ref-home .mock-btn--primary,
.ref-page .mock-btn--primary,
.mock-home .mock-btn--primary,
.mock-final__bar .mock-btn--primary,
.ref-subpage-cta__bar .mock-btn--primary,
.ref-page-hero__actions .mock-btn--primary {
    background: var(--nbx-action-primary-bg) !important;
    border-color: var(--nbx-action-primary-bg) !important;
    color: var(--nbx-action-primary-text) !important;
}

.mkt-body--ref-home .mock-btn--white,
.ref-page .mock-btn--white,
.mock-home .mock-btn--white,
.mock-final__bar .mock-btn--white,
.ref-subpage-cta__bar .mock-btn--white {
    background: var(--nbx-action-inverse-bg) !important;
    border-color: var(--nbx-action-inverse-bg) !important;
    color: var(--nbx-action-inverse-text) !important;
}

.mkt-body--ref-home .mock-btn--ghost,
.ref-page .mock-btn--ghost,
.mock-home .mock-btn--ghost,
.ref-page-hero__actions .mock-btn--ghost {
    background: var(--nbx-action-surface-bg) !important;
    border-color: var(--nbx-action-surface-border) !important;
    color: var(--nbx-action-surface-text) !important;
}

.mkt-body--ref-home .mock-btn--blue-outline,
.ref-page .mock-btn--blue-outline,
.mock-home .mock-btn--blue-outline,
.mock-final__bar .mock-btn--blue-outline,
.ref-subpage-cta__bar .mock-btn--blue-outline {
    background: transparent !important;
    border-color: var(--nbx-action-on-dark-outline-border) !important;
    color: var(--nbx-action-on-dark-outline-text) !important;
}

.mkt-body--ref-home .mock-btn,
.ref-page .mock-btn,
.mock-home .mock-btn {
    color: var(--nbx-action-surface-text);
}

.mkt-body--ref-home .mkt-btn-primary,
.mkt-body--ref-home .mkt-btn-trial,
.mkt-body--ref-home .mkt-btn-trial .mkt-btn-trial__main {
    color: var(--nbx-action-primary-text) !important;
}

.mkt-body--ref-home .mkt-btn-demo {
    color: var(--nbx-action-navy) !important;
    background: var(--nbx-action-surface-bg) !important;
}

.ref-page .nb2-btn--primary,
.mkt-body--ref-home .nb2-btn--primary {
    background: var(--nbx-action-primary-bg) !important;
    border-color: var(--nbx-action-primary-bg) !important;
    color: var(--nbx-action-primary-text) !important;
}

.ref-page .nb2-btn--outline,
.mkt-body--ref-home .nb2-btn--outline {
    background: var(--nbx-action-surface-bg) !important;
    border-color: var(--nbx-action-surface-border) !important;
    color: var(--nbx-action-inverse-text) !important;
}

.ref-page .nb2-btn--ghost {
    color: var(--nbx-action-muted-surface-text) !important;
}

.mkt-body--ref-home .mkt-footer .mkt-btn-primary {
    color: var(--nbx-action-primary-text) !important;
}

/* Tenant shell */
.tenant-shell .nbx-btn-primary,
.tenant-shell a.nbx-btn-primary,
.tenant-shell button.nbx-btn-primary {
    color: var(--nbx-action-primary-text) !important;
}

.tenant-shell .st-btn--primary,
.tenant-shell button.st-btn--primary,
.tenant-shell a.st-btn--primary {
    color: var(--nbx-action-primary-text) !important;
}

.tenant-shell .st-btn--ghost,
.tenant-shell button.st-btn--ghost,
.tenant-shell a.st-btn--ghost,
.tenant-shell .st-btn--outline,
.tenant-shell .acc-btn--outline,
.tenant-shell .acc-btn--ghost,
.tenant-shell button.bg-white,
.tenant-shell a.bg-white {
    color: var(--nbx-action-muted-surface-text) !important;
}

.tenant-shell .st-btn--reject,
.tenant-shell .st-btn--danger {
    color: #b91c1c !important;
}

.tenant-shell .st-btn--ai {
    color: #5b21b6 !important;
}

/* Console / chat enterprise */
.nbx-chat-btn--primary,
.nbx-chat-btn--success,
.nbx-chat-btn--warning,
.nbx-chat-btn--ai {
    color: var(--nbx-action-primary-text) !important;
}

.nbx-chat-btn--ghost {
    color: var(--nbx-action-muted-surface-text) !important;
    background: var(--nbx-action-surface-bg) !important;
}

/* Console dark shell — keep light text on dark surfaces */
body.bg-slate-950 button.text-slate-200,
body.bg-slate-950 a.text-slate-200,
.nbx-console-shell button.text-slate-200,
.nbx-console-shell a.text-slate-200 {
    color: #e2e8f0 !important;
}

/* Legacy marketing pages (pricing, partners, etc.) */
.mkt-body .mkt-btn-primary,
.mkt-body a.mkt-btn-primary,
.ref-page--pricing .mkt-btn-primary,
.ref-page--pricing a.mkt-btn-primary {
    color: var(--nbx-action-primary-text) !important;
    background: var(--nbx-action-primary-bg) !important;
}

.mkt-body .mkt-btn-outline,
.mkt-body a.mkt-btn-outline,
.ref-page--pricing .mkt-btn-outline,
.ref-page--pricing a.mkt-btn-outline {
    color: var(--nbx-action-muted-surface-text) !important;
    background: var(--nbx-action-surface-bg) !important;
}

.mkt-body .mkt-btn-outline-light,
.mkt-body a.mkt-btn-outline-light,
.ref-page--pricing .mkt-btn-outline-light,
.ref-page--pricing a.mkt-btn-outline-light {
    color: #e2e8f0 !important;
}

.mkt-body .mkt-btn-ghost-light,
.mkt-body a.mkt-btn-ghost-light,
.ref-page--pricing .mkt-btn-ghost-light,
.ref-page--pricing a.mkt-btn-ghost-light {
    color: #cbd5e1 !important;
}

.ref-page--pricing .mkt-nav-actions .mkt-btn-demo {
    display: none !important;
}

.mkt-body--ref-home .ref-page--pricing .mkt-footer {
    background: var(--ref-navy) !important;
}
