:root {
    --brand-primary: #C8A0A4;
    --brand-primary-dark: #A97880;
    --brand-soft: #ECE8E0;
    --brand-soft-2: #F7F1EF;
    --brand-accent: #8A5D66;
    --brand-text: #4A3438;
    --brand-border: #E3C7CC;
    --brand-white: #FFFFFF;
    --bs-primary: #C8A0A4;
    --bs-primary-rgb: 200, 160, 164;
}

/* Fondo general */
body {
    background: linear-gradient(180deg, var(--brand-soft) 0%, #ffffff 45%, var(--brand-soft-2) 100%);
    color: var(--brand-text);
}

/* Marca de agua con logo + puntitos */
.brand-watermark {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.06;
    background-image: radial-gradient(circle, rgba(200, 160, 164, 0.35) 2px, transparent 2.6px), url('/Images/Logo/Logo_DyB_final.PNG');
    background-size: 32px 32px, 260px auto;
    background-position: 0 0, 45px 45px;
    background-repeat: repeat, repeat;
}
.navbar {
    position: relative;
    z-index: 1030;
}

footer {
    position: relative;
}
/* Navbar */
.navbar-custom {
    background: linear-gradient(90deg, var(--brand-primary-dark) 0%, var(--brand-primary) 100%) !important;
    box-shadow: 0 6px 18px rgba(169, 120, 128, 0.25);
}

.navbar-brand {
    color: var(--brand-white) !important;
}

.brand-highlight {
    color: var(--brand-white) !important;
}

/* Botones principales */
.btn-primary,
.btn-success {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-success:hover {
        background-color: var(--brand-primary-dark) !important;
        border-color: var(--brand-primary-dark) !important;
    }

/* Botón oscuro más elegante */
.btn-dark {
    background-color: var(--brand-text) !important;
    border-color: var(--brand-text) !important;
}

    .btn-dark:hover {
        background-color: var(--brand-primary-dark) !important;
        border-color: var(--brand-primary-dark) !important;
    }

/* Textos y fondos */
.text-primary {
    color: var(--brand-primary-dark) !important;
}

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

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

/* Cards */
.card {
    border: 1px solid rgba(200, 160, 164, 0.22) !important;
    border-radius: 18px;
    box-shadow: 0 8px 22px rgba(169, 120, 128, 0.10);
}

    .card:hover {
        box-shadow: 0 16px 28px rgba(169, 120, 128, 0.16) !important;
    }

/* Headers */
.card-header.bg-primary {
    background: linear-gradient(90deg, var(--brand-primary-dark), var(--brand-primary)) !important;
}

/* Inputs */
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.18rem rgba(200, 160, 164, 0.24) !important;
}

/* Tabs */
.nav-tabs .nav-link {
    color: var(--brand-text);
}

    .nav-tabs .nav-link.active {
        color: var(--brand-primary-dark) !important;
        border-bottom: 3px solid var(--brand-primary) !important;
        background-color: transparent !important;
    }

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

/* Links */
a {
    color: var(--brand-primary-dark);
}

    a:hover {
        color: var(--brand-primary);
    }

/* Footer */
footer {
    background: #3B2B30 !important;
}

    footer h5 {
        color: var(--brand-primary) !important;
    }

/* En celular baja un poco la marca de agua */
@media (max-width: 576px) {
    .brand-watermark {
        opacity: 0.045;
        background-size: 28px 28px, 210px auto;
    }
}