//////////////////////////////
/// CODEX VARIABLES
//////////////////////////////
// @formatter:off
$webpack-build:                                                         false !default;

///
// LAYOUT
$font-size:                                                             14px;
$header-height:                                                         50px;
$sidebar-width:                                                         250px;
$footer-height:                                                         30px;
$page-gutter-size:                                                      20px;

// colors
$color-codex:                                                           #ed6626 !default;
$color-codex-alt:                                                       #54b7e8 !default; //#e7461a
$color-codex-grey:                                                      #56565f !default;
$color-codex-grey-alt:                                                  #3a3a3f !default;

// loader
$codex-loader-size:                                                     100px !default;
$codex-loader-margin:                                                   150px auto !default;
$codex-loader-color:                                                    #b0bec5 !default;
$codex-loader-speed:                                                    2.0s !default;


///
// THEME
$bg-color:                                                              material-color('blue-grey', '800') !default;
$bg:                                                                    $bg-color  !default;

$page-bg-color:                                                         #37474f;
$page-bg:                                                               $page-bg-color;

$content-color: #333333;

$content-wrapper-bg-color:                                              material-color('blue-grey', '200') !default;
$content-wrapper-bg:                                                    $content-wrapper-bg-color !default;
$content-bg-color:                                                      material-color('grey', '50') !default;
$content-bg:                                                            $content-bg-color !default;

$header-bg-color:                                                       material-color('blue-grey', '900') !default;
$header-bg:                                                             $header-bg-color !default;
$header-sidebar-toggler-color:                                          material-color('blue-grey', '200') !default;
$header-item-link-color:                                                material-color('blue-grey', '100') !default;
$header-item-bg-color:                                                  material-color('blue-grey', '700') !default;
$header-item-split-top-color:                                           $header-item-link-color !default;
$header-item-split-top-bg-color:                                        material-color('blue-grey', '800') !default;
$header-logo-text-color:                                                $color-codex !default;
$header-logo-text-font-size:                                            28px !default;
$header-logo-text-padding:                                              10px 0 !default;
$header-logo-text-font-family:                                          inherit !default;

// Footer
$footer-font-color:                                                     material-color('blue-grey', '200');
$footer-bg-color: 												        material-color('blue-grey', '900') !default;
$footer-bg: $footer-bg-color;
$footer-copyright-bg-color:                                             #1e282d;


$section-variant-dark-bg:                                               material-color(blue-grey, '800');
$section-variant-dark-fg:                                               material-color(blue-grey, '200');
$section-variant-light-bg:                                              #ffffff;
$section-variant-light-fg:                                              material-color(blue-grey, '700');

// Sidebar menu
$sidebar-bg-color:                                                      material-color('blue-grey', '200') !default;
$sidebar-bg:                                                            $sidebar-bg-color !default;
$sidebar-menu-active-color:                                             material-color('blue-grey', '600') !default;

$sidebar-collapsed-width:   											54px  !default; // minimized/collapsed sidebar width. default:35px
$sidebar-collapsed-submenu-width-on-hover:								($sidebar-width - 1) !default; // sub menu width displayed on hover in collapsed sidebar mode. default:210px
$sidebar-logo-container-width:  										($sidebar-width + 30) !default; // logo container width. Normally same with sidebar-width.
$sidebar-logo-container-width-xs: 										110px !default; // logo container width in mobile portrait view. default:110px.
$sidebar-logo-container-width-xxs: 										100px !default; // logo container width in mobile landspace view. default:100px.

$sidebar-menu-link-font-size:                                           0.9rem !default;
$sidebar-menu-link-font-weight:                                         300 !default;
$sidebar-menu-link-icon-font-size:                                      15px !default;
$sidebar-menu-link-arrow-font-size:                                     13px !default;
$sidebar-menu-sub-menu-link-icon-font-size:                             0.9rem !default;

$sidebar-menu-link-font-color:                                  		material-color('blue-grey', '500') !default;
$sidebar-menu-link-font-color-on-hover:                         		material-color('blue-grey', '100') !default;
$sidebar-menu-link-font-color-on-active:                        		$color-codex !default;

$sidebar-menu-link-icon-font-color:                             		$color-codex-grey !default;
$sidebar-menu-link-icon-font-color-on-active:                   		$color-codex-grey-alt !default;
$sidebar-menu-link-icon-font-color-on-hover:                            material-color('blue-grey', '50') !default;

$sidebar-menu-link-bg-color:                                            $sidebar-bg-color !default;
$sidebar-menu-link-bg-color-on-hover:                           		material-color('blue-grey', '300') !default;
$sidebar-menu-link-bg-color-on-active:                          		material-color('blue-grey', '100') !default;

$sidebar-menu-arrow-color:                                      		lighten($sidebar-menu-link-icon-font-color, 3%) !default;
$sidebar-menu-arrow-color-on-active:                            		lighten($sidebar-menu-link-icon-font-color-on-active, 3%) !default;
$sidebar-menu-arrow-color-on-hover:                                     lighten($sidebar-menu-link-icon-font-color-on-hover, 3%) !default;

$sidebar-menu-sub-menu-link-font-color:                         		$sidebar-menu-link-font-color !default;
$sidebar-menu-sub-menu-link-icon-font-color:                    		$sidebar-menu-link-icon-font-color !default;
$sidebar-menu-sub-menu-link-bg-color-on-hover:                  		$sidebar-menu-link-bg-color-on-hover !default;
$sidebar-menu-sub-menu-link-font-color-on-hover:                  		$sidebar-menu-link-font-color-on-hover !default;
$sidebar-menu-sub-menu-link-icon-font-color-on-hover:                   $sidebar-menu-link-icon-font-color-on-hover !default;

$sidebar-menu-sub-menu-link-bg-color-on-active:                         $sidebar-menu-link-bg-color-on-active !default;
$sidebar-menu-sub-menu-link-font-color-on-active:                       $sidebar-menu-link-font-color-on-active !default;
$sidebar-menu-sub-menu-link-icon-font-color-on-active:                  $sidebar-menu-link-icon-font-color-on-active !default;

$sidebar-menu-sub-menu-box-shadow-color:                                darken($sidebar-menu-link-bg-color-on-hover, 30%) !default;
$sidebar-menu-hover-sub-menu-bg-color:									#FFFFFF !default;

$sidebar-menu-hover-box-shadow-header:                                  6px 5px 0px rgba(94, 109, 116, 0.8);
$sidebar-menu-hover-box-shadow-sub-menu:                                6px 5px 0px rgba(176, 168, 168, 0.8);


$sidebar-menu-sub-menu-box-shadow:                                      4px 4px 0px rgba(#000000, 0.1) !default;

//////////////////////////////
/// PHPDOC VARIABLES
$phpdoc-type-color-external:                                                material-color('red', '700') !default;
$phpdoc-type-color-external-hover:                                          material-color('red', '800') !default;
$phpdoc-type-color-simple:                                                  material-color('orange', '800') !default;
$phpdoc-type-color-interface:                                               material-color('purple', '800') !default;
$phpdoc-type-color-class:                                                   material-color('green', '700') !default;
$phpdoc-type-color-trait:                                                   material-color('blue', '500') !default;

$phpdoc-modifier-color-static:                                              material-color('brown', '500') !default;
$phpdoc-modifier-color-abstract:                                            #343434;
$phpdoc-modifier-color-inherited:                                           material-color('blue', '500') !default;
$phpdoc-modifier-color-final:                                               #343434;

$phpdoc-visibility-color-public    :                                        material-color('green', '700') !default;
$phpdoc-visibility-color-protected :                                        material-color('yellow', '900') !default;
$phpdoc-visibility-color-private   :                                        material-color('red', '700') !default;

// see extending_variables.scss for icon declarations

$phpdoc-method-list-color-fg:                                               material-color('grey', '700') !default;
$phpdoc-method-list-color-bg:                                               material-color(blue-grey, '100') !default;

$phpdoc-method-list-color-fg-active:                                        material-color('grey', '900') !default;
$phpdoc-method-list-color-bg-active:                                        material-color(blue-grey, '300') !default;

$phpdoc-method-list-color-fg-hover:                                         material-color('grey', '800') !default;
$phpdoc-method-list-color-bg-hover:                                         material-color(blue-grey, '200') !default;