/* /var/www/ip.dragonpay.ph/public/scripts/index.css */

/* 1. Import Bootstrap */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css");

/* 2. Dark Theme Overrides */
body {
    background-color: #212529 !important; /* Darkest Gray */
    color: #e9ecef !important;           /* Light Gray Text */
}

/* Card Styling */
.card {
    background-color: #343a40;           /* Dark Gray */
    border: 1px solid #495057;           /* Subtle Border */
    color: #fff;
}

/* 3. Login Page Specific Layout */
.login-container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-card {
    max-width: 400px;
    width: 100%;
    text-align: center;
    padding: 2rem;
}

.logo { 
    margin-bottom: 20px; 
    font-size: 3rem; 
}

/* Muted text needs to be lighter in dark mode to be readable */
.text-muted {
    color: #adb5bd !important;
}