:root {
    --button-simple-bg: #83c15d; /* light green */
    --button-facebook-bg: #2d4f8b; /* Facebook blue */
    --danger-red: #e00000; /* Bright red for error messages */
    --input-bg: #edeeef; /* Light gray for input fields */
    --pure-white: white;
    --icon-blue: blue;
    --brand-blue: #0A7BB8; /* Brand-specific blue for buttons */
}

.page-sub-root {
    margin-top: 70px;
    margin-bottom: 100px;
}

.form-container button > span:nth-child(2) {
    width: 60%;
}

/* !important required to defeat inline BackColor on hypLnkCreateNew HyperLink */
.button-login-simple {
    background-color: var(--button-simple-bg) !important;
    color: var(--button-simple-color) !important;
}

.validationError {
    color: red;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.parent-txt {
    width: 304px;
    height: 35px;
    border-radius: 5px;
    padding: 5px;
    border: none;
    background-color: var(--input-bg);
}

.fa-facebook-f {
    background-color: var(--pure-white);
    color: var(--icon-blue);
    width: 15px;
    height: 13px;
    padding-top: 1px;
    padding-left: 3px;
}

.hypLinkFB, .hypLinkGoogle {
    border-radius: 5px;
    text-align: center;
    padding-top: 8px;
    background-color: var(--brand-blue);
    color: var(--pure-white);
    width: 100% !important;
}

.error-login-code {
    color: var(--danger-red);
    font-weight: bold;
}