/* Tema do ProjectX — paleta roxa da landing page aplicada ao Bootstrap 5.3.
   Carregado depois do bootstrap.min.css e antes do style.css.
   Só redefine variáveis do Bootstrap; os componentes seguem sozinhos.
   As telas que imitam o WhatsApp (wpp_atendimento.css, prévia do fluxo) mantêm as cores próprias. */

/* ---------- Tema claro ---------- */
:root,
[data-bs-theme="light"] {
    /* primária: roxo um pouco mais escuro que o da LP para passar contraste em fundo branco */
    --bs-primary: #6d4fc4;
    --bs-primary-rgb: 109, 79, 196;
    --bs-primary-text-emphasis: #4a3390;
    --bs-primary-bg-subtle: #efeafb;
    --bs-primary-border-subtle: #d4c6f3;

    --bs-link-color: #6d4fc4;
    --bs-link-color-rgb: 109, 79, 196;
    --bs-link-hover-color: #563aa8;
    --bs-link-hover-color-rgb: 86, 58, 168;

    /* neutros com leve tinta azulada, como a LP */
    --bs-body-bg: #ffffff;
    --bs-body-color: #1d2230;
    --bs-secondary-bg: #f4f5f9;
    --bs-tertiary-bg: #f9f9fc;
    --bs-secondary-color: rgba(29, 34, 48, .72);
    --bs-border-color: #e1e4ec;
    --bs-border-color-translucent: rgba(29, 34, 48, .12);

    --bs-focus-ring-color: rgba(109, 79, 196, .25);
    --bs-form-valid-color: #1f8f5a;
    --bs-form-valid-border-color: #1f8f5a;
}

/* ---------- Tema escuro (mesmos tons da LP) ---------- */
[data-bs-theme="dark"] {
    --bs-primary: #a98ae6;
    --bs-primary-rgb: 169, 138, 230;
    --bs-primary-text-emphasis: #c9b5f0;
    --bs-primary-bg-subtle: #2a2340;
    --bs-primary-border-subtle: #4a3a78;

    --bs-link-color: #b59ae9;
    --bs-link-color-rgb: 181, 154, 233;
    --bs-link-hover-color: #c9b5f0;
    --bs-link-hover-color-rgb: 201, 181, 240;

    --bs-body-bg: #161a22;            /* hsl(222 18% 9%) */
    --bs-body-color: #e1e5ec;
    --bs-secondary-bg: #1a1f28;       /* hsl(222 16% 12%) */
    --bs-tertiary-bg: #20252f;        /* hsl(222 14% 16%) */
    --bs-secondary-color: rgba(225, 229, 236, .68);
    --bs-emphasis-color: #ffffff;
    --bs-border-color: #2a303b;       /* hsl(222 14% 19%) */
    --bs-border-color-translucent: rgba(255, 255, 255, .12);
    --bs-heading-color: #ffffff;

    --bs-focus-ring-color: rgba(169, 138, 230, .3);
}

/* ---------- Componentes que fixam a cor primária em vez de usar --bs-primary ---------- */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #5e42b3;
    --bs-btn-hover-border-color: #5e42b3;
    --bs-btn-active-bg: #533a9f;
    --bs-btn-active-border-color: #533a9f;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
[data-bs-theme="dark"] .btn-primary {
    --bs-btn-color: #15101f;
    --bs-btn-hover-color: #15101f;
    --bs-btn-active-color: #15101f;
    --bs-btn-hover-bg: #b89ded;
    --bs-btn-hover-border-color: #b89ded;
    --bs-btn-active-bg: #c4acf0;
    --bs-btn-active-border-color: #c4acf0;
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-hover-color: #15101f;
    --bs-btn-active-color: #15101f;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color);
}
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.form-check-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color);
}
.form-range::-webkit-slider-thumb { background-color: var(--bs-primary); }
.form-range::-moz-range-thumb { background-color: var(--bs-primary); }
.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}
.nav-tabs {
    --bs-nav-tabs-link-active-color: var(--bs-primary-text-emphasis);
}
.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color);
}
.list-group {
    --bs-list-group-active-bg: var(--bs-primary);
    --bs-list-group-active-border-color: var(--bs-primary);
}
.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-primary);
}
.progress,
.progress-stacked {
    --bs-progress-bar-bg: var(--bs-primary);
}
.accordion {
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color);
}
.navbar {
    --bs-navbar-active-color: var(--bs-primary);
}
.navbar .nav-link.active,
.navbar .nav-link.show {
    color: var(--bs-primary);
}

/* Marca na navbar e no login */
.navbar-brand .bi,
.login-wrapper .bi.text-primary {
    color: var(--bs-primary) !important;
}

/* Cards de atalho da home ganham o toque da LP */
.card-atalho:hover {
    border-color: rgba(var(--bs-primary-rgb), .45);
}
[data-bs-theme="dark"] .card {
    --bs-card-bg: var(--bs-secondary-bg);
    --bs-card-border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .navbar.bg-body-tertiary {
    background-color: var(--bs-secondary-bg) !important;
}
[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
}