/* takeda/static/css/color.css */

/* Base */
html,
body {
    background-color: #1D1B1D;
    color: #FFFFFF;
    font-family: 'DM Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Headings */
h1,
h2 {
    color: #79e7a5;
}

h3,
h4,
h5,
h6 {
    color: #FFFFFF;
}

/* Utilities */
.text-muted {
    color: #bdbdbd !important;
}

/* Links */
a {
    color: #79e7a5;
}

a:hover,
a:focus {
    color: #79e7a5;
}

/* Buttons */
.btn-primary {
    background-color: #79e7a5;
    border-color: #79e7a5;
    color: #1D1B1D;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #6ddc9a;
    border-color: #6ddc9a;
    color: #1D1B1D;
}

.btn-outline-light {
    color: #FFFFFF;
    border-color: #79e7a5;
    background-color: transparent;
}

.btn-outline-light:hover,
.btn-outline-light:focus {
    color: #1D1B1D;
    background-color: #79e7a5;
    border-color: #79e7a5;
}

/* Themed background helper */
.tblc-backgound {
    background-color: #414041 !important;
}

/* Navbar */
.navbar.tblc-backgound {
    --bs-navbar-color: #FFFFFF;
    --bs-navbar-hover-color: #79e7a5;
    --bs-navbar-disabled-color: #FFFFFF;
    --bs-navbar-active-color: #FFFFFF;
    --bs-navbar-brand-color: #79e7a5;
    --bs-navbar-brand-hover-color: #79e7a5;
    --bs-navbar-toggler-border-color: #79e7a5;
    background-color: #414041 !important;
    color: #FFFFFF;
}

.navbar .nav-link {
    color: var(--bs-navbar-color) !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: var(--bs-navbar-hover-color) !important;
}

.navbar .nav-link.active,
.navbar .show>.nav-link {
    color: var(--bs-navbar-active-color) !important;
}

.navbar .navbar-brand {
    color: var(--bs-navbar-brand-color) !important;
}

.navbar .navbar-toggler {
    border-color: var(--bs-navbar-toggler-border-color) !important;
}

/* Footer */
footer.tblc-backgound {
    background-color: #414041 !important;
    color: #FFFFFF;
}

footer a {
    color: #79e7a5;
}

footer a:hover {
    color: #79e7a5;
}

footer .text-muted {
    color: #bdbdbd !important;
}

/* Content */
.talk-title {
    color: #FFFFFF;
}

/* Tables */
.table,
.table * {
    color: #FFFFFF;
}

/* -------- Auth page scoped styles -------- */
.auth .auth-card {
    background-color: #2A282A;
    border-color: #414041;
    color: #FFFFFF;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
    border-radius: .75rem;
}

.auth .auth-card .card-header,
.auth .auth-card .card-footer {
    background-color: #232223;
    border-color: #414041;
}

.auth .form-label {
    color: #FFFFFF;
}

.auth .form-control,
.auth .form-select {
    background-color: #1D1B1D;
    color: #FFFFFF;
    border-color: #79e7a5;
}

.auth .form-control::placeholder {
    color: #bdbdbd;
}

.auth .form-control:focus,
.auth .form-select:focus {
    background-color: #1D1B1D;
    color: #FFFFFF;
    border-color: #6ddc9a;
    box-shadow: 0 0 0 .2rem rgba(121, 231, 165, 0.15);
}

.auth .input-group-append .btn {
    border-color: #79e7a5;
}

.auth .alert {
    background-color: #232223;
    color: #FFFFFF;
    border-color: #414041;
}

.auth .invalid-feedback {
    color: #ffb4b4;
}

.auth .link-light {
    color: #79e7a5;
}

.auth .link-light:hover,
.auth .link-light:focus {
    color: #6ddc9a;
}

.auth .auth-container {
    min-height: 100vh;
    /* display: flex; */
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}