:root {
  --background-dark: #000000;
  --background-light: #2b2b2b;
  --home-dark:#1a237e;  
  --home-light:#007380;
  --red-dark: #7e1a23;
  --red-light: #800033;
  --gray-dark: #4d4d4d;
  --gray-light: #b3b3b3;
  --orange-dark: #c46608;
  --orange-light: #f79536;
  --purple-dark: #394283;
  --purple-light: #838bc9;

  --menu-background-color:rgba(255,255,255,0.95);
  --asset-tab-background:#e8ecee;
  
  /* --overlay-color:rgba(0,0,0, .9); */
  --overlay-color:rgba(255,255,255, 0.7);
  --modal-background:rgb(255,255,255);
  /* --modal-background:rgb(245,245,245); */


  --ui-width:1600px;


  --main-background: #000;;
  /* --main-background: linear-gradient(180deg, var(--home-dark), var(--home-light)); */

  /* --text-color: #e8ecee; */
  --text-color:#fff;
  --text-dark: #707070;
  /* --text-blue: #0071bc; */
  
  
  --text-blue: #2196F2;
  --ip-mango: #f49e1d;

  --background-blue:#c3e3fc;
  --heading-color: #eee;
  
  --border-light:#e8ecee;
  --border-medium: #ccc;

  --mango-blue:#147297;
  --error-color:#990000;

  --button-background: rgba(17, 62, 127,0.1);
  
  --button-active:#113e7f;
  --button-color: rgba(255, 255, 255, 0.1);

  --neon-hover:0 0 5px #00d4ff , 0 0 5px #00f6ff , 0 0 25px #00d4ff ;
  --neon:0 0 2px #00d4ff , 0 0 2px #00f6ff , 0 0 5px #00d4ff ;
  
  --logo-img:url('/resources/images/mango_bright_50.png');
  --logo-img-mobile:url('/resources/images/mango_bright_40.png');
  --logo-fontcolor-primary:#eac117;
  --logo-fontcolor-secondary:#966F33;
  
  --title-fontsize:2.75em;
  --title-fontsize-mobile:2.25em;
  --title-leftmargin:80px;
  
  --navlink-fontsize:1.75em;
  --navlink-fontsize-mobile:1.5em;

  --header-height:100px;

  --footer-fontcolor:#aaa;
  --footer-fontcolor-hover:#eee;
  --footer-height:35px;

  --main-font:'Nunito', sans-serif;
  --main-fontweight: 500;  

  --asset-letter-font:'Stencil Gothic';
  
  --checkbox-small:17px;
  --checkbox-large:50px;

  --pin-font:'Masked';
  --pin-fontsize:1.75em;
  --pin-size:35px;
  --pin-size-mobile:25px;
  --pin-fontsize-mobile:1.5em;
  
  --scrollbar-background:#000;
  --scrollbar-width:8px;
  --scrollbar-thumbcolor:#CCC;
  --scrollbar-hovercolor:#9CF;
}