/* Cognito UI Customization - Only allowed classes */

/* Background */
.background-customizable {
    background-color: white;
}

/* Submit button (Sign In, Sign Up buttons) */
.submitButton-customizable {
    background: linear-gradient(135deg, rgb(17, 24, 39) 0%, rgb(31, 41, 55) 100%);
    color: #ffffff;
    font-weight: bold;
    border: none;
}

.submitButton-customizable:hover {
    background: linear-gradient(135deg, rgb(31, 41, 55) 0%, rgb(55, 65, 81) 100%);
    color: #ffffff;
}

/* Input fields */
.inputField-customizable {
    border: 2px solid #e4e4e7;
    background-color: white;
    color: #323232;
}

.inputField-customizable:focus {
    border-color: #111827;
}

/* Labels */
.label-customizable {
    color: #52525b;
    font-weight: 600;
}

/* Text descriptions */
.textDescription-customizable {
    color: #71717a;
}

/* Error messages */
.errorMessage-customizable {
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fca5a5;
}

/* Social/IDP buttons */
.idpButton-customizable {
    background-color: white;
    color: #323232;
    border-color: #e4e4e7;
}

.idpButton-customizable:hover {
    background-color: #f4f4f5;
}

/* Banner area */
.banner-customizable {
    background: linear-gradient(135deg, rgb(17, 24, 39) 0%, rgb(31, 41, 55) 100%);
}