html {
    --tenant-primary: #dd4b39;
    --tenant-primary-dark: #d73925;
    --tenant-primary-darker: #ac2925;

    --tenant-secondary: #f39c12;
    --tenant-secondary-dark: #e08e0b;
    --tenant-secondary-darker: #d58512;

    --tenant-login-background: url("/img/legacy_images/MalibuHomePage_2025.jpg");
    --tenant-login-logo: url("/img/legacy_images/malibu_cleanlogo.png");
}

.container-fluid {
    height: 100vh;
    background: var(--tenant-login-background);
    background-repeat: no-repeat;
    background-size: cover;
}

#form {
    height: 50%;
}

#logo {
    margin-top: 20px;
    background: var(--tenant-login-logo) no-repeat;
    background-size: contain;
    height: 200px;
    width: 200px;
}

.btn-primary {
    background-color: var(--tenant-primary);
    border-color: var(--tenant-primary-dark);
}

.btn-primary:hover {
    background-color: var(--tenant-primary-dark);
    border-color: var(--tenant-primary-darker);
}

#forgot {
    background-color: var(--tenant-secondary) !important;
    border-color: var(--tenant-secondary-dark) !important;
    color: #ffffff !important;
}

#forgot:hover {
    background-color: var(--tenant-secondary-dark) !important;
    border-color: var(--tenant-secondary-darker) !important;
    color: #ffffff !important;
}