body {
    background-color: #030a2b;
    color: white;
}

.inner-login-container {
    color: white;
}

.theme-light #classroom-desc {
    color: white;
}

.c-btn-primary, .c-btn-secondary, .c-btn-tertiary {
    border-radius: 5px;
}

.c-btn-primary {
    background-color: var(--classroom-primary);
    color: black;
    border: none;
}
.c-btn-outline-primary {
    border-color: var(--classroom-primary) !important;
    color: var(--classroom-primary) !important;
}
.c-btn-primary:hover {
    background-color: var(--classroom-primary-dark);
    border: none;
    color: black;
}
.c-btn-outline-primary:hover {
    border-color: var(--classroom-primary-dark) !important;
    color: var(--classroom-primary-dark) !important;
}

.c-btn-secondary {
    background-color: var(--classroom-secondary-dark);
    color: white;
    border: none;
}
.c-btn-outline-secondary {
    border-color: var(--classroom-secondary);
    color: var(--classroom-secondary);
}

.c-btn-secondary:hover {
    background-color: var(--classroom-secondary-dark);
    border: none;
    color: white;
}
.c-btn-outline-secondary:hover {
    border-color: var(--classroom-secondary-dark) !important;
    color: var(--classroom-secondary-dark) !important;
}

.c-btn-tertiary {
    background-color: var(--classroom-tertiary);
    color: black;
    border: none;
}
.c-btn-outline-tertiary {
    border-color: var(--classroom-tertiary);
    color: var(--classroom-tertiary);
}
.c-btn-tertiary:hover {
    background-color: var(--classroom-tertiary-dark);
    border: none;
    color: black;
}
.c-btn-outline-tertiary:hover {
    border-color: var(--classroom-tertiary-dark) !important;
    color: var(--classroom-tertiary-dark) !important;
}

.c-btn-no-outline-tertiary {
    --bs-btn-font-weight: 700;
    --bs-btn-border-radius: 256px;
    
    --bs-btn-color: var(--classroom-tertiary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;

    --bs-btn-hover-color: var(--classroom-tertiary-dark);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;

    --bs-btn-active-color: var(--classroom-primary);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;

    --bs-btn-disabled-color: var(--classroom-tertiary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
}

.c-text-primary {
    color: var(--classroom-primary);
}

.c-text-secondary {
    color: var(--classroom-secondary);
}

.c-text-tertiary {
    color: var(--classroom-tertiary);
}

.close-login-classroom {
    position: absolute !important;
    right: 15px !important;
    top: 10px !important;
    font-size: 1em !important;
    width: auto !important;
    height: auto !important;
}

.c-secondary-form input[type="text"]{ 
    border: 1px solid var(--classroom-secondary) !important;
    color: white !important;
    background-color: var(--classroom-background);
    border-radius: 5px !important;
}

.btn-sso {
    border-radius: 0 !important;
    border: 1px solid var(--classroom-primary) !important;
    color: white !important;
}

.c-primary-form input[type="text"], 
.c-primary-form textarea, 
.c-primary-form input[type="datetime-local"], 
.c-primary-form input[type="color"], 
.c-primary-form input[type="email"], 
.c-primary-form select, 
.c-primary-form input[type="password"], 
.c-primary-form input[type="number"], 
.c-primary-form input[type="date"] {
    border-color: var(--classroom-primary) !important;
}

.inner-login-container{
    background: var(--color-g);
}

.container-border-center#classroom-login-vittascience-account::before, .container-border-center#classroom-login-account::before {
    color: white !important;
    border-color: white !important;
}

.c-secondary-form label {
    color: white !important;
}

#classroom-login-vittascience-account p{
    color: white !important;
}

.container-border-center#classroom-login-vittascience-account::after {
    content : "" !important;
    display: none !important;
}

#home-container {
    color: white !important;
}

.inner-register-container{
    background-color: var(--color-g) !important;
    color: white !important;
}

#password-help {
    color: white !important;
}

a {
    color: var(--classroom-primary) !important;
}

.course-content .c-secondary-form label {
    color: var(--classroom-text-0) !important;
}

.theme-light #class-code, .theme-light #new-user-pseudo-form {
    color: black !important;
}