:root
{
/********** COLORS START **********/

/* Colors info https://materialui.co/colors */


    --fs-spec-white-200:    #FBFBFB;
    --fs-spec-white-300:    #F9F9F9;
    --fs-spec-white-500:    #F1F1F1;
    --fs-spec-white-800:    #E9E9E9;
    --fs-spec-white-pure:   #FFFFFF;

    --fs-spec-red-50: #FFEBEE;
    --fs-spec-red-100: #FFCDD2;
    --fs-spec-red-200: #EF9A9A;
    --fs-spec-red-300: #E57373;
    --fs-spec-red-400: #EF5350;
    --fs-spec-red-500: #F44336;
    --fs-spec-red-600: #E53935;
    --fs-spec-red-700: #D32F2F;
    --fs-spec-red-800: #C62828;
    --fs-spec-red-900: #B71C1C;
    --fs-spec-red-a-100: #FF8A80;
    --fs-spec-red-a-200: #FF5252;
    --fs-spec-red-a-400: #FF1744;
    --fs-spec-red-a-700: #D50000;


    --fs-spec-pink-50: #FCE4EC;
    --fs-spec-pink-100: #F8BBD0;
    --fs-spec-pink-200: #F48FB1;
    --fs-spec-pink-300: #F06292;
    --fs-spec-pink-400: #EC407A;
    --fs-spec-pink-500: #E91E63;
    --fs-spec-pink-600: #D81B60;
    --fs-spec-pink-700: #C2185B;
    --fs-spec-pink-800: #AD1457;
    --fs-spec-pink-900: #880E4F;
    --fs-spec-pink-a-100: #FF80AB;
    --fs-spec-pink-a-200: #FF4081;
    --fs-spec-pink-a-400: #F50057;
    --fs-spec-pink-a-700: #C51162;


    --fs-spec-purple-50: #F3E5F5;
    --fs-spec-purple-100: #E1BEE7;
    --fs-spec-purple-200: #CE93D8;
    --fs-spec-purple-300: #BA68C8;
    --fs-spec-purple-400: #AB47BC;
    --fs-spec-purple-500: #9C27B0;
    --fs-spec-purple-600: #8E24AA;
    --fs-spec-purple-700: #7B1FA2;
    --fs-spec-purple-800: #6A1B9A;
    --fs-spec-purple-900: #4A148C;
    --fs-spec-purple-a-100: #EA80FC;
    --fs-spec-purple-a-200: #E040FB;
    --fs-spec-purple-a-400: #D500F9;
    --fs-spec-purple-a-700: #AA00FF;


    --fs-spec-deep-purple-50: #EDE7F6;
    --fs-spec-deep-purple-100: #D1C4E9;
    --fs-spec-deep-purple-200: #B39DDB;
    --fs-spec-deep-purple-300: #9575CD;
    --fs-spec-deep-purple-400: #7E57C2;
    --fs-spec-deep-purple-500: #673AB7;
    --fs-spec-deep-purple-600: #5E35B1;
    --fs-spec-deep-purple-700: #512DA8;
    --fs-spec-deep-purple-800: #4527A0;
    --fs-spec-deep-purple-900: #311B92;
    --fs-spec-deep-purple-a-100: #B388FF;
    --fs-spec-deep-purple-a-200: #7C4DFF;
    --fs-spec-deep-purple-a-400: #651FFF;
    --fs-spec-deep-purple-a-700: #6200EA;


    --fs-spec-indigo-50: #E8EAF6;
    --fs-spec-indigo-100: #C5CAE9;
    --fs-spec-indigo-200: #9FA8DA;
    --fs-spec-indigo-300: #7986CB;
    --fs-spec-indigo-400: #5C6BC0;
    --fs-spec-indigo-500: #3F51B5;
    --fs-spec-indigo-600: #3949AB;
    --fs-spec-indigo-700: #303F9F;
    --fs-spec-indigo-800: #283593;
    --fs-spec-indigo-900: #1A237E;
    --fs-spec-indigo-a-100: #8C9EFF;
    --fs-spec-indigo-a-200: #536DFE;
    --fs-spec-indigo-a-400: #3D5AFE;
    --fs-spec-indigo-a-700: #304FFE;


    --fs-spec-blue-50: ##E3F2FD;
    --fs-spec-blue-100: #BBDEFB;
    --fs-spec-blue-200: #90CAF9;
    --fs-spec-blue-300: #64B5F6;
    --fs-spec-blue-400: #42A5F5;
    --fs-spec-blue-500: #2196F3;
    --fs-spec-blue-600: #1E88E5;
    --fs-spec-blue-700: #1976D2;
    --fs-spec-blue-800: #1565C0;
    --fs-spec-blue-900: #0D47A1;
    --fs-spec-blue-a-100: #82B1FF;
    --fs-spec-blue-a-200: #448AFF;
    --fs-spec-blue-a-400: #2979FF;
    --fs-spec-blue-a-700: #2962FF;


    --fs-spec-light-blue-50: #E1F5FE;
    --fs-spec-light-blue-100: #B3E5FC;
    --fs-spec-light-blue-200: #81D4FA;
    --fs-spec-light-blue-300: #4FC3F7;
    --fs-spec-light-blue-400: #29B6F6;
    --fs-spec-light-blue-500: #03A9F4;
    --fs-spec-light-blue-600: #039BE5;
    --fs-spec-light-blue-700: #0288D1;
    --fs-spec-light-blue-800: #0277BD;
    --fs-spec-light-blue-900: #01579B;
    --fs-spec-light-blue-a-100: #80D8FF;
    --fs-spec-light-blue-a-200: #40C4FF;
    --fs-spec-light-blue-a-400: #00B0FF;
    --fs-spec-light-blue-a-700: #0091EA;


    --fs-spec-cyan-50: #E0F7FA;
    --fs-spec-cyan-100: #B2EBF2;
    --fs-spec-cyan-200: #80DEEA;
    --fs-spec-cyan-300: #4DD0E1;
    --fs-spec-cyan-400: #26C6DA;
    --fs-spec-cyan-500: #00BCD4;
    --fs-spec-cyan-600: #00ACC1;
    --fs-spec-cyan-700: #0097A7;
    --fs-spec-cyan-800: #00838F;
    --fs-spec-cyan-900: #006064;
    --fs-spec-cyan-a-100: #80D8FF;
    --fs-spec-cyan-a-200: #40C4FF;
    --fs-spec-cyan-a-400: #00E5FF;
    --fs-spec-cyan-a-700: #00B8D4;


    --fs-spec-teal-50:  #E0F2F1;
    --fs-spec-teal-100: #B2DFDB;
    --fs-spec-teal-200: #80CBC4;
    --fs-spec-teal-300: #4DB6AC;
    --fs-spec-teal-400: #26A69A;
    --fs-spec-teal-500: #009688;
    --fs-spec-teal-600: #00897B;
    --fs-spec-teal-700: #00796B;
    --fs-spec-teal-800: #00695C;
    --fs-spec-teal-900: #004D40;
    --fs-spec-teal-a-100: #A7FFEB;
    --fs-spec-teal-a-200: #64FFDA;
    --fs-spec-teal-a-400: #1DE9B6;
    --fs-spec-teal-a-700: #00BFA5;


    --fs-spec-green-50: #E8F5E9;
    --fs-spec-green-100: #C8E6C9;
    --fs-spec-green-200: #A5D6A7;
    --fs-spec-green-300: #81C784;
    --fs-spec-green-400: #66BB6A;
    --fs-spec-green-500: #4CAF50;
    --fs-spec-green-600: #43A047;
    --fs-spec-green-700: #388E3C;
    --fs-spec-green-800: #2E7D32;
    --fs-spec-green-900: #1B5E20;
    --fs-spec-green-a-100: #B9F6CA;
    --fs-spec-green-a-200: #69F0AE;
    --fs-spec-green-a-400: #00E676;
    --fs-spec-green-a-700: #00C853;


    --fs-spec-light-green-50: #F1F8E9;
    --fs-spec-light-green-100: #DCEDC8;
    --fs-spec-light-green-200: #C5E1A5;
    --fs-spec-light-green-300: #AED581;
    --fs-spec-light-green-400: #9CCC65;
    --fs-spec-light-green-500: #8BC34A;
    --fs-spec-light-green-600: #7CB342;
    --fs-spec-light-green-700: #689F38;
    --fs-spec-light-green-800: #558B2F;
    --fs-spec-light-green-900: #33691E;
    --fs-spec-light-green-a-100: #CCFF90;
    --fs-spec-light-green-a-200: #B2FF59;
    --fs-spec-light-green-a-400: #76FF03;
    --fs-spec-light-green-a-700: #64DD17;


    --fs-spec-lime-50: #F9FBE7;
    --fs-spec-lime-100: #F0F4C3;
    --fs-spec-lime-200: #E6EE9C;
    --fs-spec-lime-300: #DCE775;
    --fs-spec-lime-400: #FFEE58;
    --fs-spec-lime-500: #CDDC39;
    --fs-spec-lime-600: #C0CA33;
    --fs-spec-lime-700: #AFB42B;
    --fs-spec-lime-800: #9E9D24;
    --fs-spec-lime-900: #827717;
    --fs-spec-lime-a-100: #F4FF81;
    --fs-spec-lime-a-200: #EEFF41;
    --fs-spec-lime-a-400: #C6FF00;
    --fs-spec-lime-a-700: #AEEA00;


    --fs-spec-yellow-50: #FFFDE7;
    --fs-spec-yellow-100: #FFF9C4;
    --fs-spec-yellow-200: #FFF59D;
    --fs-spec-yellow-300: #FFF176;
    --fs-spec-yellow-400: #FFF176;
    --fs-spec-yellow-500: #FFEB3B;
    --fs-spec-yellow-600: #FDD835;
    --fs-spec-yellow-700: #FBC02D;
    --fs-spec-yellow-800: #F9A825;
    --fs-spec-yellow-900: #F57F17;
    --fs-spec-yellow-a-100: #FFFF8D;
    --fs-spec-yellow-a-200: #FFFF00;
    --fs-spec-yellow-a-400: #FFEA00;
    --fs-spec-yellow-a-700: #FFD600;


    --fs-spec-amber-50: #FFF8E1;
    --fs-spec-amber-100: #FFECB3;
    --fs-spec-amber-200: #FFE082;
    --fs-spec-amber-300: #FFD54F;
    --fs-spec-amber-400: #FFCA28;
    --fs-spec-amber-500: #FFC107;
    --fs-spec-amber-600: #FFB300;
    --fs-spec-amber-700: #FFA000;
    --fs-spec-amber-800: #FF8F00;
    --fs-spec-amber-900: #FF6F00;
    --fs-spec-amber-a-100: #FFE57F;
    --fs-spec-amber-a-200: #FFD740;
    --fs-spec-amber-a-400: #FFC400;
    --fs-spec-amber-a-700: #FFAB00;


    --fs-spec-orange-50: #FFF3E0;
    --fs-spec-orange-100: #FFE0B2;
    --fs-spec-orange-200: #FFCC80;
    --fs-spec-orange-300: #FFB74D;
    --fs-spec-orange-400: #FFA726;
    --fs-spec-orange-500: #FF9800;
    --fs-spec-orange-600: #FB8C00;
    --fs-spec-orange-700: #F57C00;
    --fs-spec-orange-800: #EF6C00;
    --fs-spec-orange-900: #E65100;
    --fs-spec-orange-a-100: #FFD180;
    --fs-spec-orange-a-200: #FFAB40;
    --fs-spec-orange-a-400: #FF9100;
    --fs-spec-orange-a-700: #FF6D00;


    --fs-spec-deep-orange-50: #FBE9E7;
    --fs-spec-deep-orange-100: #FFCCBC;
    --fs-spec-deep-orange-200: #FFAB91;
    --fs-spec-deep-orange-300: #FF8A65;
    --fs-spec-deep-orange-400: #FF7043;
    --fs-spec-deep-orange-500: #FF5722;
    --fs-spec-deep-orange-600: #F4511E;
    --fs-spec-deep-orange-700: #E64A19;
    --fs-spec-deep-orange-800: #D84315;
    --fs-spec-deep-orange-900: #BF360C;
    --fs-spec-deep-orange-a-100: #FF9E80;
    --fs-spec-deep-orange-a-200: #FF6E40;
    --fs-spec-deep-orange-a-400: #FF3D00;
    --fs-spec-deep-orange-a-700: #DD2C00;


    --fs-spec-brown-50: #EFEBE9;
    --fs-spec-brown-100: #D7CCC8;
    --fs-spec-brown-200: #BCAAA4;
    --fs-spec-brown-300: #A1887F;
    --fs-spec-brown-400: #8D6E63;
    --fs-spec-brown-500: #795548;
    --fs-spec-brown-600: #6D4C41;
    --fs-spec-brown-700: #5D4037;
    --fs-spec-brown-800: #4E342E;
    --fs-spec-brown-900: #3E2723;


    --fs-spec-grey-50: #FAFAFA;
    --fs-spec-grey-100: #F5F5F5;
    --fs-spec-grey-200: #EEEEEE;
    --fs-spec-grey-300: #E0E0E0;
    --fs-spec-grey-400: #BDBDBD;
    --fs-spec-grey-500: #9E9E9E;
    --fs-spec-grey-600: #757575;
    --fs-spec-grey-700: #616161;
    --fs-spec-grey-800: #424242;
    --fs-spec-grey-900: #212121;


    --fs-spec-blue-grey-50: #ECEFF1;
    --fs-spec-blue-grey-100: #CFD8DC;
    --fs-spec-blue-grey-200: #B0BEC5;
    --fs-spec-blue-grey-300: #90A4AE;
    --fs-spec-blue-grey-400: #78909C;
    --fs-spec-blue-grey-500: #607D8B;
    --fs-spec-blue-grey-600: #546E7A;
    --fs-spec-blue-grey-700: #455A64;
    --fs-spec-blue-grey-800: #37474F;
    --fs-spec-blue-grey-900: #263238;


    /* --fs-spec-black-100:    ------;
    --fs-spec-black-200:    ------;
    --fs-spec-black-300:    ------;
    --fs-spec-black-400:    ------; */
    --fs-spec-black-500:    #292826;
    --fs-spec-black-600:    #202020;
    --fs-spec-black-700:    #181818;
    --fs-spec-black-800:    #121212;
    --fs-spec-black-900:    #0C0C0C;
    --fs-spec-black-pure:   #000000;

    /* --fs-brand-felenasoft-red: #f00;
    --fs-brand-medium-red: #c00;
    --fs-brand-light-red: #ff4e45;
    --fs-spec-red-30: #ff8983;
    --fs-spec-red-70: #990412;
    --fs-spec-pale-blue: #f2f8ff;
    --fs-spec-light-blue: #3ea6ff;
    --fs-spec-dark-blue: #065fd4;
    --fs-spec-navy-blue: #252a3a;
    --fs-spec-light-green: #2ba640;
    --fs-spec-dark-green: #107516;
    --fs-spec-yellow: #fbc02d; */
/********** COLORS END **********/





/********** BACKGROUND COLOR START **********/

    /* LIGHT */
    --header-bg-color-light:                          #4285F4;
    --main-bg-color-light:                            #FBFBFB;

    /* DARK */
    --header-bg-color-dark:                           #202020;
    --main-bg-color-dark:                             #181818;


/********** BACKGROUND COLOR END **********/


/********** BACKGROUND COLOR START **********/

    /* LIGHT */
    
    --header-text-color-first-light:            #FFFFFF;
    --header-text-color-second-light:           #FFFFFF;
    --navigation-first-border-color-light:      var(--fs-spec-grey-400);
    --navigation-second-border-color-light:     var(--fs-spec-grey-400);
    --navigation-basic-menu-link-hover-light:   #2268C6;

    --fs-color-second-light:                    var(--fs-spec-white-pure);
    --fs-color-third-light:                     var(--fs-spec-black-pure);
    --filter-first-light:                       invert(1) grayscale(100%) brightness(0%);
    --filter-second-light:                      invert(1) grayscale(100%) brightness(200%);

    /* DARK */
    --header-bg-color-first-dark:               #202020;
    --header-bg-color-second-dark:              #202020;
    --header-text-color-first-dark:             #FFFFFF;
    --header-text-color-second-dark:            #FFFFFF;
    --navigation-first-border-color-dark:       var(--fs-spec-black-200);
    --navigation-second-border-color-dark:      var(--fs-spec-black-200);
    --navigation-basic-menu-link-hover-dark:    var(--fs-spec-black-200);

    --fs-color-second-dark:                     var(--fs-spec-black-pure);
    --fs-color-third-dark:                      var(--fs-spec-white-pure);
    --filter-first-dark:                        invert(1) grayscale(100%) brightness(200%);
    --filter-second-dark:                       invert(1) grayscale(100%) brightness(0%);

/********** BACKGROUND COLOR END **********/
}


body
{
    --header-bg-color-first:            var(--header-bg-color-first-light);
    --header-bg-color-second:           var(--header-bg-color-second-light);
    --header-text-color-first:          var(--header-text-color-first-light);
    --header-text-color-second:         var(--header-text-color-second-light);
    --navigation-first-border-color:    var(--navigation-first-border-color-light);
    --navigation-second-border-color:   var(--navigation-second-border-color-light);
    --navigation-basic-menu-link-hover: var(--navigation-basic-menu-link-hover-light);
    --main-bg-color:                    var(--main-bg-color-light);
    --fs-color-second:                  var(--fs-color-second-light);
    --fs-color-third:                   var(--fs-color-third-light);
    --fs-filter-first:                  var(--filter-first-light);

/* CUSTOM START */
    --navbar-brand-text-color:                    var(--navbar-brand-text-color-light);
    --navbar-nav-nav-link-text-color:             var(--navbar-nav-nav-link-text-color-light);
    --navbar-nav-nav-link-text-color-hover:       var(--navbar-nav-nav-link-text-color-hover-light);
    --navbar-nav-nav-link-background-color-hover: var(--navbar-nav-nav-link-background-color-hover-light);

    --navbar-nav-dropdown-menu-background-color: var(--navbar-nav-dropdown-menu-background-color-light);

    --navbar-nav-dropdown-menu-item-text-color:              var(--navbar-nav-dropdown-menu-item-text-color-light);
    --navbar-nav-dropdown-menu-item-text-color-hover:        var(--navbar-nav-dropdown-menu-item-text-color-hover-light);
    --navbar-nav-dropdown-menu-item-background-color-hover:  var(--navbar-nav-dropdown-menu-item-background-color-hover-light);
    --navbar-nav-nav-link-active-text-color:                 var(--navbar-nav-nav-link-active-text-color-light);
    --navbar-nav-nav-link-active-background-color:           var(--navbar-nav-nav-link-active-background-color-light);
    --custom-btn-primary-text-color:                         var(--custom-btn-primary-text-color-light);
    --custom-btn-primary-background-color:                   var(--custom-btn-primary-background-color-light);
    --custom-btn-primary-border-color:                       var(--custom-btn-primary-border-color-light);
    --custom-btn-primary-background-color-hover:             var(--custom-btn-primary-background-color-hover-light);
    --custom-archive-panel-background-color:                 var(--custom-archive-panel-background-color-light);
    --custom-archive-panel-button-text-color:                var(--custom-archive-panel-button-text-color-light);
    --custom-archive-panel-button-background-color:          var(--custom-archive-panel-button-background-color-light);
    --custom-archive-panel-button-border-color:              var(--custom-archive-panel-button-border-color-light);
/* CUSTOM END */
}

body.dark-mode
{
    --header-bg-color-first:            var(--header-bg-color-first-dark);
    --header-bg-color-second:           var(--header-bg-color-second-dark);
    --header-text-color-first:          var(--header-text-color-first-dark);
    --header-text-color-second:         var(--header-text-color-second-dark);
    --navigation-first-border-color:    var(--navigation-first-border-color-dark);
    --navigation-second-border-color:   var(--navigation-second-border-color-dark);
    --navigation-basic-menu-link-hover: var(--navigation-basic-menu-link-hover-dark);
    --main-bg-color:                    var(--main-bg-color-dark);
    --fs-color-second:                  var(--fs-color-second-dark);
    --fs-color-third:                   var(--fs-color-third-dark);
    --fs-filter-first:                  var(--filter-first-dark);

/* CUSTOM START */
    --navbar-brand-text-color:                    var(--navbar-brand-text-color-dark);
    --navbar-nav-nav-link-text-color:             var(--navbar-nav-nav-link-text-color-dark);
    --navbar-nav-nav-link-text-color-hover:       var(--navbar-nav-nav-link-text-color-hover-dark);
    --navbar-nav-nav-link-background-color-hover: var(--navbar-nav-nav-link-background-color-hover-dark);

    --navbar-nav-dropdown-menu-background-color: var(--navbar-nav-dropdown-menu-background-color-dark);

    --navbar-nav-dropdown-menu-item-text-color:              var(--navbar-nav-dropdown-menu-item-text-color-dark);
    --navbar-nav-dropdown-menu-item-text-color-hover:        var(--navbar-nav-dropdown-menu-item-text-color-hover-dark);
    --navbar-nav-dropdown-menu-item-background-color-hover:  var(--navbar-nav-dropdown-menu-item-background-color-hover-dark);
    --navbar-nav-nav-link-active-text-color:                 var(--navbar-nav-nav-link-active-text-color-dark);
    --navbar-nav-nav-link-active-background-color:           var(--navbar-nav-nav-link-active-background-color-dark);
    --custom-btn-primary-text-color:                         var(--custom-btn-primary-text-color-dark);
    --custom-btn-primary-background-color:                   var(--custom-btn-primary-background-color-dark);
    --custom-btn-primary-border-color:                       var(--custom-btn-primary-border-color-dark);
    --custom-btn-primary-background-color-hover:             var(--custom-btn-primary-background-color-hover-dark);
    --custom-archive-panel-background-color:                 var(--custom-archive-panel-background-color-dark);
    --custom-archive-panel-button-text-color:                var(--custom-archive-panel-button-text-color-dark);
    --custom-archive-panel-button-background-color:          var(--custom-archive-panel-button-background-color-dark);
    --custom-archive-panel-button-border-color:              var(--custom-archive-panel-button-border-color-dark);
/* CUSTOM END */
}

body
{
    background-color: var(--main-bg-color)!important;
}

.header-top-navigation-menu
{
    background-color: var(--header-bg-color-first)!important;
    color: var(--header-text-color-first)!important;
}