/**
 * app/css/main-dark.css
 *
 * This file provides dark mode styles to override existing Bootstrap 5 base styles.
 *
 * @version 3.0-dark
 * @author  Joey Kimsey <Joey@thetempusproject.com>
 * @link    https://TheTempusProject.com
 * @license https://opensource.org/licenses/MIT [MIT LICENSE]
 */

.context-main {
    color: #fff;
}
.context-second {
    color: #1e1e1e;
}
.context-main-bg {
    background-color: #2c2c2c;
}
.context-second-bg {
    background-color: #1e1e1e;
}
.context-third-bg {
    background-color: #3a3a3a;
}
.bg-default {
    background-color: #2c2c2c;
}
.bg-none,.bg-warning {
    color: #000 !important; 
}
.context-other {
    color: #000;
}
.accordion-button:not(.collapsed) {
    color: #f5f5f5;
    background-color: var(--bs-accordion-dark-active-bg);
}
body {
    background-image: linear-gradient(180deg, #2c2c2c, #1e1e1e 100px, #1e1e1e);
    color: #f5f5f5;
}

/**
 * Install Terms
 */
.install-terms {
    border: 1px solid #555;
    background: #3a3a3a;
}
.install-terms p,
.install-terms li {
    color: #dcdcdc;
}
.install-terms h3 {
    color: #ffffff;
}
.install-terms h4 {
    color: #eaeaea;
}
.install-terms strong {
    color: #ffffff;
}
.context-main {
    color: #ffffff;
}
.context-other {
    color: #ffffff;
}

/**
 * Terms Page
 */
.terms-page {
    border: 1px solid #555;
    background: #3a3a3a;
}
.terms-page p,
.terms-page li {
    color: #dcdcdc;
}
.terms-page h3 {
    color: #ffffff;
}
.terms-page h4 {
    color: #eaeaea;
}
.terms-page strong {
    color: #ffffff;
}

/**
 * Terms
 */
.terms {
    border: 1px solid #555;
    background: #3a3a3a;
}
.terms p,
.terms li {
    color: #dcdcdc;
}
.terms h3 {
    color: #ffffff;
}
.terms h4 {
    color: #eaeaea;
}
.terms strong {
    color: #ffffff;
}

/**
 * Form Control
 */
.form-control-dark:focus {
    border-color: #1e90ff;
    box-shadow: 0 0 0 .25rem rgba(30, 144, 255, .5);
}

/**
 * Example Divider
 */
.b-example-divider {
    background-color: rgba(255, 255, 255, .1);
}

/**
 * Text Shadows
 */
.text-shadow-1 {
    text-shadow: 0 .125rem .25rem rgba(255, 255, 255, .25);
}
.text-shadow-2 {
    text-shadow: 0 .25rem .5rem rgba(255, 255, 255, .25);
}
.text-shadow-3 {
    text-shadow: 0 .5rem 1.5rem rgba(255, 255, 255, .25);
}

.form-control {
    background-color: #1f1f1f;
    color: #e0e0e0;
}
.form-control:focus {
    color: #e0e0e0;
    border-color: #1e90ff;
    background-color: #1f1f1f;
    box-shadow: 0 0 0 .25rem rgba(30, 144, 255, .5);
}