/**
* CSS File for colors in the Auping Tatchi application
* 
* @version 0.0.1
* 
* @since 0.0.1 2025-05-09 initial version
* 
* @author Hans Druyts <hans.druyts@custom8.be>
*/

:root{ 

    /* COLORS */
    --color-auping-blue: rgb(9,83,159);
    --color-night-blue: rgb(45, 84, 113);
    --color-morning-grey: rgb(81, 81, 81);
    --color-font-blue: rgb(0,91,122);
    --color-dark-blue: #0c0230;
    --color-jedi-blue: rgb(23, 26, 40);
    --color-jedi-light: rgb(200,204,210);

}

/* GENERAL PAGE SETTINGS */
html, body {

    color: var(--color-jedi-blue);

    /*background-color: rgb(178, 218, 236);*/
    /*background-color: var(--color-dark-blue);*/
    background-color: var(--color-jedi-light);

}

body.sleep {
    background-color: var(--color-dark-blue);
}

/*
body.active {
    background-color: rgb(178, 218, 236);
}
/

/* main.active { background: var(--color-light-ivory); } */
/* main.sleep { background: var(--color-dark-blue); }    */

.modal-footer {
    color: var(--color-morning-grey);
}

.btn-primary {

    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--color-jedi-blue);
    --bs-btn-hover-bg: var(--color-night-blue);
    
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    border: 0;

}

.btn-secondary {

    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--color-jedi-blue);
    --bs-btn-hover-bg: var(--color-night-blue);
}