/* Project specific overrides for HX GUI layout variables.
   Copy any variable from hxguilayout_default_config.css and set your own value. */

:root {
   --bemo_yellow: #FFCD1E;
   --bemo_yellow-85percent: #FFCD1E85;
   --bemo_black: #1E2D37;
   --bemo_green: #87967D;
   --bemo_grey: #5b5e65;

   --hxgui2-header-bg: var(--bemo_grey);
   --hxgui2-header-fg: #fff;

   --hxgui2-header-brand-logo-padding-left:1rem;
   --hxgui2-header-brand-logo-padding-right:1rem;
   --hxgui2-header-brand-logo-background-color:var(--bemo_yellow);
   --hxgui2-header-brand-name-padding-left:1.25rem;
   --hxgui2-header-brand-name-padding-right:1.25rem;
   --hxgui2-header-brand-name-background-color: transparent;

   --hxgui2-header-brand-name-fg: #fff;
   --hxgui2-header-brand-name-font-size: 3rem;
   --hxgui2-header-brand-name-font-size-mobile: 1.75rem;

   --hxgui2-metanav-icon-fg: #fff;
   --hxgui2-metanav-burger-btn-fg: #fff;

   --hxgui2-metanav-bg: var(--bemo_grey);
   --hxgui2-metanav-icon-hover-bg: var(--bemo_yellow);
   --hxgui2-metanav-icon-hover-fg: var(--bemo_black);

   --hxgui2-metanav-subnav-spacer-bg: var(--bemo_grey);
   --hxgui2-metanav-subnav-seperator-fg: var(--bemo_grey);
   --hxgui2-metanav-subnav-spacer-height: 1rem;
   --hxgui2-metanav-subnav-title-font-weight: 700;


   --hxgui2-subnav-item-iscurrent-bg: var(--bemo_yellow);
   --hxgui2-subnav-item-iscurrent: var(--bemo_black);
   --hxgui2-metanav-subnav-hover-bg: var(--bemo_yellow);
   --hxgui2-metanav-subnav-hover-fg: var(--bemo_black);

   --hxgui2-metanav-subnav-l3-hover-fg: var(--bemo_yellow);


   --hxgui2-subnav-item-hover-bg: var(--bemo_yellow-85percent);
   --hxgui2-subnav-item-hover-fg: var(--bemo_black);
}