body {
    background-color: #fff7fb;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #6b4b57;
}

.navbar {
    background-color: #f8c8dc !important;
}

    .navbar .navbar-brand,
    .navbar .nav-link,
    .navbar .navbar-text {
        color: #7a4e60 !important;
        font-weight: 600;
    }

        .navbar .nav-link:hover {
            color: #a85d7a !important;
        }

h1, h2, h3, h4, h5 {
    color: #b56582;
    font-weight: bold;
}

.card {
    border: none;
    border-radius: 16px;
    background-color: #fff0f6;
    box-shadow: 0 4px 12px rgba(181, 101, 130, 0.12);
}

.table {
    background-color: white;
    border-radius: 12px;
    overflow: hidden;
}

    .table thead {
        background-color: #f3b6cc;
        color: #6b3f52;
    }

.btn-primary {
    background-color: #e89ab6;
    border-color: #e89ab6;
}

    .btn-primary:hover {
        background-color: #d97fa1;
        border-color: #d97fa1;
    }

.btn-success {
    background-color: #d98ca8;
    border-color: #d98ca8;
}

    .btn-success:hover {
        background-color: #c97897;
        border-color: #c97897;
    }

.btn-warning {
    background-color: #f4b6c8;
    border-color: #f4b6c8;
    color: #6b3f52;
}

    .btn-warning:hover {
        background-color: #eba2ba;
        border-color: #eba2ba;
        color: #6b3f52;
    }

.btn-danger {
    background-color: #d67a98;
    border-color: #d67a98;
}

    .btn-danger:hover {
        background-color: #c86485;
        border-color: #c86485;
    }

.btn-info {
    background-color: #f7cddd;
    border-color: #f7cddd;
    color: #6b3f52;
}

    .btn-info:hover {
        background-color: #efb8cd;
        border-color: #efb8cd;
        color: #6b3f52;
    }

.btn-secondary {
    background-color: #d8bfd0;
    border-color: #d8bfd0;
    color: #6b3f52;
}

    .btn-secondary:hover {
        background-color: #cdaec3;
        border-color: #cdaec3;
        color: #6b3f52;
    }

.form-control {
    border-radius: 10px;
    border: 1px solid #efc3d2;
}

    .form-control:focus {
        border-color: #d98ca8;
        box-shadow: 0 0 0 0.2rem rgba(217, 140, 168, 0.2);
    }

.alert-success {
    background-color: #fce4ec;
    border-color: #f8bbd0;
    color: #8a4f67;
}

.alert-danger {
    background-color: #fdecef;
    border-color: #f5c2c7;
    color: #a14f68;
}

.alert-warning {
    background-color: #fff0f5;
    border-color: #f3c6d3;
    color: #8a5d6f;
}

.hero-box {
    background: linear-gradient(135deg, #ffe4ef, #fff7fb);
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(181, 101, 130, 0.10);
}

.logo-text {
    font-weight: bold;
    font-size: 22px;
    color: #9c5d78 !important;
}
.signup-container {
    width: 450px;
    margin: 40px auto;
    background-color: #fff0f6;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 6px 15px rgba(181, 101, 130, 0.15);
    border: 1px solid #f3c6d3;
}

.signup-title {
    text-align: center;
    margin-bottom: 25px;
    color: #b56582;
    font-weight: bold;
}

.signup-container label {
    font-weight: 600;
    color: #7a4e60;
}

.signup-container .form-control {
    border-radius: 10px;
    border: 1px solid #efc3d2;
    padding: 10px;
}

    .signup-container .form-control:focus {
        border-color: #d98ca8;
        box-shadow: 0 0 0 0.2rem rgba(217, 140, 168, 0.2);
    }