/*======================================================================================*/
/* MODULE:  static/css/CaDoMiLightMode.css                                              */
/*======================================================================================*/
:root {

/*              *=======================================================================*/
/*              *Main background, border and text colors for this color mode            */
/*              *=======================================================================*/
    --primary-bg:           white;
    --primary-border:       black;
    --primary-text:         black;

    --inverse-bg:           black;
    --inverse-border:       white;
    --inverse-text:         white;

    --contrast-bg:           var(--cadomi-ltgrey);
    --contrast-border:       none;
    --contrast-text:         var(--primary-text);

/*              *=======================================================================*/
/*              * Standard HTML element colors                                          */
/*              *=======================================================================*/
    --body-bg:              var(--primary-bg);
    --body-border:          none;
    --body-text:            var(--primary-text);
 
    --tr-header-bg:         var(--cadomi-ltgrey);
    --tr-header-border:     var(--cadomi-grey2);
    --tr-header-text:       var(--primary-text);
    
    --tr-data-bg:           var(--primary-bg);
    --tr-data-border:       var(--cadomi-grey2);
    --tr-data-text:         var(--primary-text);

/*              *=======================================================================*/
/*              * Buttons - soft (subtle), loud (stand-out), and special (e.g. cancel)  */
/*              *=======================================================================*/
    --soft-btn-bg:              var(--primary-bg);
    --soft-btn-border:          var(--cadomi-teal);
    --soft-btn-text:            var(--cadomi-teal);
    --soft-btn-hover-bg:        var(--cadomi-teal);
    --soft-btn-hover-border:    var(--cadomi-teal);
    --soft-btn-hover-text:      var(--inverse-text);
    --soft-btn-active-bg:       var(--cadomi-midgrey);
    --soft-btn-active-border:   var(--cadomi-teal);
    --soft-btn-active-text:     var(--cadomi-teal);

    --loud-btn-bg:              var(--cadomi-navy);
    --loud-btn-border:          var(--cadomi-navy);
    --loud-btn-text:            var(--inverse-text);
    --loud-btn-hover-bg:        var(--cadomi-teal);
    --loud-btn-hover-border:    var(--cadomi-teal);
    --loud-btn-hover-text:      var(--inverse-text);
    --loud-btn-active-bg:       var(--primary-bg);
    --loud-btn-active-border:   var(--cadomi-teal);
    --loud-btn-active-text:     var(--cadomi-teal);

    --cancel-bg:                var(--cadomi-midgrey);  /* button2 */

/*              *=======================================================================*/
/*              * SCP-specific dashboard colors                                         */
/*              *=======================================================================*/
    --header-bg:            var(--primary-bg);
    --header-border :       var(--cadomi-dkblue);
    --hover-text:           var(--cadomi-teal);

    --increment-bg:         var(--cadomi-navy);
    --increment-border:     var(--cadomi-ltgrey);
    --increment-text:       var(--primary-text);

    --interrupt-bg:         var(--cadomi-dkorange);
    --interrupt-border:     var(--cadomi-navy);
    --interrupt-text:       var(--primary-text);

    --kaizen-bg:            var(--cadomi-teal);
    --kaizen-border:        var(--cadomi-navy);
    --kaizen-text:          var(--primary-text);

    --label-bg:             var(--cadomi-navy);
    --label-border:         var(--cadomi-navy);
    --label-text:           var(--inverse-text);

/*              *=======================================================================*/
/*              * Data input colors                                                     */
/*              *=======================================================================*/
    --input-bg:             var(--cadomi-ltgrey);
    --input-border:         var(--cadomi-midblue);
    --input-text:           var(--inverse-text);
    --input-focus-border:   var(--cadomi-dkblue);

/*              *=======================================================================*/
/*              *  Miscellaneous control colors                                         */
/*              *=======================================================================*/
    --datepicker-bg:        var(--primary-bg);
    --datepicker-border:    var(--cadomi-midgrey);
    --datepicker-text:      var(--primary-text);

    --clipboard-bg:         var(--cadomi-skyblue);
    --content-bg:           var(--primary-bg);
    --content-border:       var(--cadomi-dkblue);
    
    --toggle-off-bg:        var(--cadomi-ltgrey);
    --toggle-off-border:    var(--cadomi-grey);
    --toggle-off-text:      var(--cadomi-midgrey);
    --toggle-on-bg:         var(--cadomi-navy);
    --toggle-on-border:     var(--cadomi-navy);
    --toggle-on-text:       var(--inverse-text);
    --toggle-bg:            var(--cadomi-ltgrey);
    --toggle-border:        var(--primary-border);
    --toggle-text:          var(--primary-text);

    --tooltip-bg:           var(--cadomi-dkgrey);       /* Was #1a1a1a; */
    --tooltip-text:         var(--inverse-text);

/*              *=======================================================================*/
/*              *  Special-purpose colors                                               */
/*              *=======================================================================*/
    --badge-bg:             var(--cadomi-dkgrey);
    --badge-border:         none;
    --badge-text:           var(--inverse-text);

    --banner-bg:            var(--primary-bg);
    --banner-border:        var(--cadomi-rose);
    --banner-text:          var(--cadomi-rose);

    --video-border:         var(--cadomi-orange);
}
#cadomiOrange {
    background:             var(--cadomi-dkorange);
    border:                 var(--cadomi-dkorange);
}
#cadomiBlue {
    background:             var(--cadomi-navy);
    border:                 var(--cadomi-navy);
    color:                  var(--input-text);
}
.darkish {
    background-color:       var(--cadomi-darkish) !important;
}