/* ---- Pink Accent Overrides (Studio ASP + Bootstrap 5) ---- */
:root {
    --brand-pink: #D124D1;
    --brand-pink-rgb: 209,36,209;
    /* Bootstrap tokens */
    --bs-primary: var(--brand-pink);
    --bs-primary-rgb: var(--brand-pink-rgb);
    --bs-link-color: var(--brand-pink);
    --bs-link-hover-color: #b11ab1;
    --bs-focus-ring-color: rgba(209,36,209,.25);
}

/* Links */
a, .link-primary {
    color: var(--brand-pink);
}

    a:hover, a:focus {
        color: var(--bs-link-hover-color);
    }

/* Botões */
.btn-primary {
    --bs-btn-bg: var(--brand-pink);
    --bs-btn-border-color: var(--brand-pink);
    --bs-btn-hover-bg: #b11ab1;
    --bs-btn-hover-border-color: #b11ab1;
    --bs-btn-active-bg: #971097;
    --bs-btn-active-border-color: #971097;
    --bs-btn-disabled-bg: color-mix(in srgb, var(--brand-pink) 50%, #ccc);
    --bs-btn-disabled-border-color: color-mix(in srgb, var(--brand-pink) 50%, #ccc);
}

/* Variante dedicada se quiser: .btn-pink */
.btn-pink {
    color: #fff;
    background: var(--brand-pink);
    border-color: var(--brand-pink);
}

    .btn-pink:hover {
        background: #b11ab1;
        border-color: #b11ab1;
    }

    .btn-pink:active {
        background: #971097;
        border-color: #971097;
    }

/* Badges e chips */
.badge.bg-primary {
    background-color: var(--brand-pink) !important;
}

.badge-pink {
    background: var(--brand-pink);
    color: #fff;
}

.chip-pink {
    display: inline-block;
    padding: .35rem .6rem;
    border-radius: 999px;
    background: rgba(209,36,209,.08);
    color: var(--brand-pink);
    border: 1px solid rgba(209,36,209,.25);
}

/* Inputs/Selects foco */
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: var(--brand-pink);
    box-shadow: 0 0 0 .2rem rgba(209,36,209,.20);
}

/* Switches/checkbox marcados */
.form-check-input:checked {
    background-color: var(--brand-pink);
    border-color: var(--brand-pink);
}

/* Progress / barras */
/*.progress-bar,
.bg-primary {
    background-color: var(--brand-pink) !important;
}*/

/* Nav-pills / Tabs ativos */
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    background: var(--brand-pink);
    border-color: var(--brand-pink);
    color: #fff;
}

/* Alertas custom */
.alert-pink {
    --_bg: rgba(209,36,209,.07);
    --_bd: rgba(209,36,209,.35);
    --_fg: #7a117a;
    background: var(--_bg);
    border: 1px solid var(--_bd);
    color: var(--_fg);
}

/* Cards com detalhe (filete superior) */
.card-pink {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
    border: 1px solid rgba(0,0,0,.06);
    overflow: hidden;
    position: relative;
}

    .card-pink::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: var(--brand-pink);
    }

/* Detalhe nos <details>/<summary> */
details.pink > summary {
    border-left: 4px solid var(--brand-pink);
}

/* SweetAlert2 (se estiver usando) */
.swal2-confirm {
    background: var(--brand-pink) !important;
    border-color: var(--brand-pink) !important;
}

    .swal2-confirm:hover {
        background: #b11ab1 !important;
        border-color: #b11ab1 !important;
    }

/* Pequenas utilitárias */
.text-pink {
    color: var(--brand-pink) !important;
}

.bg-pink {
    background: var(--brand-pink) !important;
}

.border-pink {
    border-color: var(--brand-pink) !important;
}