/**
 * UsersWP Dark Theme
 * Version: 1.0.0
 * 
 * Color Scheme:
 * - Primary Background: #383759
 * - Primary Button/Accent: #f92552
 * - Card Background: #2a2847
 * - Text Color: #e8e8ed
 * - Secondary Text: #b8b8c5
 * - Border Color: #4a4768
 * - Input Background: #1f1d35
 * - Hover States: Lighter variations
 */

/* ============================
   Global Overrides
   ============================ */
.uwp-dark-theme {
    color: #e8e8ed;
}

.uwp-dark-theme body,
.uwp-dark-theme .container,
.uwp-dark-theme .row {
    background-color: transparent;
}

/* ============================
   Card Styles
   ============================ */
.uwp-dark-theme .card {
    background-color: #2a2847;
    border-color: #4a4768;
    color: #e8e8ed;
}

.uwp-dark-theme .card-body {
    background-color: #2a2847;
    color: #e8e8ed;
}

.uwp-dark-theme .card-title {
    color: #e8e8ed;
}

/* ============================
   Background Colors
   ============================ */
.uwp-dark-theme .bg-light {
    background-color: #383759 !important;
    color: #e8e8ed;
}

/* ============================
   Navigation & Sidebar
   ============================ */
.uwp-dark-theme .navbar-light {
    background-color: #383759;
}

.uwp-dark-theme .navbar-light .nav-link {
    color: #e8e8ed;
}

.uwp-dark-theme .navbar-light .nav-link:hover,
.uwp-dark-theme .navbar-light .nav-link:focus {
    color: #f92552;
}

/* ============================
   Buttons
   ============================ */
.uwp-dark-theme .btn-primary {
    background-color: #f92552;
    border-color: #f92552;
    color: #ffffff;
}

.uwp-dark-theme .btn-primary:hover,
.uwp-dark-theme .btn-primary:focus {
    background-color: #d91d44;
    border-color: #d91d44;
    color: #ffffff;
}

.uwp-dark-theme .btn-primary:active {
    background-color: #c01939;
    border-color: #c01939;
}

/* ============================
   Form Elements
   ============================ */
.uwp-dark-theme .form-control,
.uwp-dark-theme input[type="text"],
.uwp-dark-theme input[type="email"],
.uwp-dark-theme input[type="password"],
.uwp-dark-theme input[type="number"],
.uwp-dark-theme textarea,
.uwp-dark-theme select {
    background-color: #1f1d35;
    border-color: #4a4768;
    color: #e8e8ed;
}

.uwp-dark-theme .form-control:focus,
.uwp-dark-theme input:focus,
.uwp-dark-theme textarea:focus,
.uwp-dark-theme select:focus {
    background-color: #252342;
    border-color: #f92552;
    color: #e8e8ed;
    box-shadow: 0 0 0 0.2rem rgba(249, 37, 82, 0.25);
}

.uwp-dark-theme .form-control::placeholder,
.uwp-dark-theme input::placeholder,
.uwp-dark-theme textarea::placeholder {
    color: #7a7a8f;
}

/* ============================
   Labels & Text
   ============================ */
.uwp-dark-theme label,
.uwp-dark-theme .form-label {
    color: #e8e8ed;
}

.uwp-dark-theme .small,
.uwp-dark-theme small {
    color: #b8b8c5;
}

.uwp-dark-theme h1, 
.uwp-dark-theme h2, 
.uwp-dark-theme h3, 
.uwp-dark-theme h4, 
.uwp-dark-theme h5, 
.uwp-dark-theme h6 {
    color: #e8e8ed;
}

/* ============================
   Links
   ============================ */
.uwp-dark-theme a {
    color: #f92552;
}

.uwp-dark-theme a:hover,
.uwp-dark-theme a:focus {
    color: #ff4570;
    text-decoration: none;
}

.uwp-dark-theme .text-decoration-none {
    color: #e8e8ed;
}

.uwp-dark-theme .text-decoration-none:hover {
    color: #f92552;
}

/* ============================
   Footer Links
   ============================ */
.uwp-dark-theme .uwp-footer-links a {
    color: #b8b8c5;
}

.uwp-dark-theme .uwp-footer-links a:hover {
    color: #f92552;
}

/* ============================
   Checkboxes
   ============================ */
.uwp-dark-theme .custom-checkbox .custom-control-label::before,
.uwp-dark-theme .form-check-input {
    background-color: #1f1d35;
    border-color: #4a4768;
}

.uwp-dark-theme .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.uwp-dark-theme .form-check-input:checked {
    background-color: #f92552;
    border-color: #f92552;
}

/* ============================
   Modal
   ============================ */
.uwp-dark-theme .modal-header {
    background-color: #383759;
    border-bottom-color: #4a4768;
    color: #e8e8ed;
}

.uwp-dark-theme .modal-title {
    color: #e8e8ed;
}

.uwp-dark-theme .modal-body {
    background-color: #2a2847;
    color: #e8e8ed;
}

.uwp-dark-theme .close {
    color: #e8e8ed;
    opacity: 0.8;
}

.uwp-dark-theme .close:hover {
    color: #f92552;
    opacity: 1;
}

/* ============================
   Alerts & Notices
   ============================ */
.uwp-dark-theme .alert {
    background-color: #383759;
    border-color: #4a4768;
    color: #e8e8ed;
}

.uwp-dark-theme .alert-danger {
    background-color: #4a2838;
    border-color: #6a3848;
    color: #ffb3c6;
}

.uwp-dark-theme .alert-success {
    background-color: #2a4038;
    border-color: #3a5048;
    color: #b3ffcc;
}

.uwp-dark-theme .alert-warning {
    background-color: #4a4028;
    border-color: #6a5838;
    color: #ffe8b3;
}

.uwp-dark-theme .alert-info {
    background-color: #28384a;
    border-color: #38486a;
    color: #b3d9ff;
}

/* ============================
   Avatar & User Profile
   ============================ */
.uwp-dark-theme .uwp-profile-avatar {
    border-color: #4a4768;
}

/* ============================
   Utility Classes
   ============================ */
.uwp-dark-theme .text-muted {
    color: #b8b8c5 !important;
}

.uwp-dark-theme .border {
    border-color: #4a4768 !important;
}

.uwp-dark-theme hr {
    border-top-color: #4a4768;
}

/* ============================
   Scrollbar (Optional)
   ============================ */
.uwp-dark-theme ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.uwp-dark-theme ::-webkit-scrollbar-track {
    background: #1f1d35;
}

.uwp-dark-theme ::-webkit-scrollbar-thumb {
    background: #4a4768;
    border-radius: 5px;
}

.uwp-dark-theme ::-webkit-scrollbar-thumb:hover {
    background: #5a5778;
}

/* ============================
   Form Group Spacing
   ============================ */
.uwp-dark-theme .form-group {
    margin-bottom: 1rem;
}

/* ============================
   Disabled States
   ============================ */
.uwp-dark-theme .btn:disabled,
.uwp-dark-theme .form-control:disabled,
.uwp-dark-theme input:disabled {
    background-color: #1f1d35;
    border-color: #4a4768;
    color: #6a6878;
    opacity: 0.6;
}

/* ============================
   Select Dropdown
   ============================ */
.uwp-dark-theme select option {
    background-color: #2a2847;
    color: #e8e8ed;
}

/* ============================
   File Upload
   ============================ */
.uwp-dark-theme .custom-file-label {
    background-color: #1f1d35;
    border-color: #4a4768;
    color: #e8e8ed;
}

.uwp-dark-theme .custom-file-label::after {
    background-color: #383759;
    color: #e8e8ed;
}