/******************************************************************************
 *
 * CodeMeter License Central WebDepot
 * scheme.css
 * NAPA-branded scheme (NAPA Brand Book v2.0)
 *
 *************************************************************************** */
:root {

    /**
        NAPA brand colors
        Wake   #137896  primary
        Ocean  #00556C  deep
        Midnight Sea #00405B
        Aqua   #61C8B8  accent
        Coral  #E07B70
        Acropora #BB94BB
        Peak   #EDEDED  light neutral
        Black  #191919
     */
    --napa-wake:                                #137896;
    --napa-ocean:                               #00556C;
    --napa-midnight:                            #00405B;
    --napa-aqua:                                #61C8B8;
    --napa-coral:                               #E07B70;
    --napa-acropora:                            #BB94BB;
    --napa-peak:                                #EDEDED;
    --napa-black:                               #191919;
    --napa-white:                               #FFFFFF;

    /* Map NAPA palette onto the existing template variable names */
    --primary-color-050:                        var(--napa-ocean);
    --primary-color-100:                        var(--napa-wake);
    --primary-color-200:                        var(--napa-aqua);
    --primary-color-300:                        #D6ECEF;

    --white:                                    var(--napa-white);
    --black:                                    var(--napa-black);
    --grey-100:                                 #73737E;
    --custom-color-1:                           #A2A2A8;
    --grey-200:                                 #D3D3D3;
    --custom-color-2:                           #E2E2E2;
    --grey-300:                                 var(--napa-peak);
    --grey-400:                                 #F7F7F7;

    /**
        General settings
     */
    --text-color:                               var(--napa-black);
    --background-color:                         var(--grey-300);
    --border-color:                             var(--grey-100);
    --main-padding:                             20px;
    --small-padding:                            calc(var(--main-padding) / 4);
    --border-radius:                            5px;

    /**
        Header and navigation
     */
    --header-text-color:                        var(--white);
    --header-background-color:                  var(--napa-ocean);
    --header-height:                            72px;
    --navigation-text-color-hover:              var(--napa-aqua);
    --navigation-bottom-border-color-selected:  var(--napa-aqua);
    --navigation-bottom-border-color-hover:     var(--header-background-color);
    --menu-text-color:                          var(--text-color);
    --menu-text-color-hover:                    var(--white);
    --menu-background-color:                    var(--white);
    --menu-background-color-hover:              var(--napa-wake);
    --logo-src:                                 url("logo_white.svg");
    --logo-max-width:                           52px;


    /**
        Buttons
     */
    --main-button-text-color:                   var(--white);
    --main-button-text-color-disabled:          var(--grey-100);
    --main-button-text-color-hover:             var(--white);
    --main-button-icon-color:                   var(--white);
    --main-button-icon-color-disabled:          var(--custom-color-2);
    --main-button-icon-color-hover:             var(--white);
    --main-button-background-color:             var(--napa-wake);
    --main-button-background-color-disabled:    var(--grey-200);
    --main-button-background-color-hover:       var(--napa-ocean);
    --main-button-border-color:                 var(--napa-wake);
    --main-button-border-color-disabled:        var(--grey-200);
    --main-button-border-color-hover:           var(--napa-ocean);

    /**
        Dialogs
     */
    --dialog-header-text-color:                 var(--napa-ocean);
    --dialog-header-background-color:           var(--white);

    /**
        Message Boxes
     */
    --error-text-color:                         #BF1E05;
    --error-background-color:                   #FFD6CF;
    --warning-text-color:                       #B5651A;
    --warning-background-color:                 #FDECC9;
    --success-text-color:                       var(--napa-ocean);
    --success-background-color:                 var(--white);
    --notice-text-color:                        var(--napa-ocean);
    --notice-background-color:                  var(--white);
    --info-text-color:                          var(--napa-ocean);
    --info-background-color:                    var(--white);

    /**
        Tables
     */
    --table-text-color-disabled:                var(--grey-100);
    --table-background-color-hover:             #D6ECEF;
    --table-head-text-color:                    var(--white);
    --table-head-background-color:              var(--napa-wake);
    --table-odd-text-color:                     var(--text-color);
    --table-odd-background-color:               var(--white);
    --table-even-text-color:                    var(--text-color);
    --table-even-background-color:              var(--napa-peak);

    /**
        Footer
     */
    --footer-text-color:                        var(--white);
    --footer-background-color:                  var(--napa-ocean);
    --footer-height:                             50px;

    /**
        DEPRECATED SECTIONS
        will  be removed starting at release 25.03
     */

    /**
        Option Buttons in split menu
     */

    --option-button-text-color:                 var(--text-color);
    --option-button-icon-color:                 var(--white);
    --option-button-background-color:           var(--main-button-icon-color);
    --option-button-border-color:               var(--main-button-icon-color);
    --option-button-text-color-hover:           var(--white);
    --option-button-icon-color-hover:           var(--napa-aqua);
    --option-button-background-color-hover:     var(--napa-wake);
    --option-button-border-color-hover:         var(--napa-ocean);
    --option-button-text-color-disabled:        var(--grey-200);
    --option-button-icon-color-disabled:        var(--grey-200);
    --option-button-background-color-disabled:  var(--grey-400);
    --option-button-border-color-disabled:      var(--grey-200);

}