:root{
    /** Palette **/
    --hgw-plt-1:#2271b1;
    --hgw-plt-2:#277a5a;
    --hgw-plt-3:#cdb07a; /*rgba(205, 176, 122, 1)*/
    --hgw-plt-4:#000000;
    --hgw-plt-5:#292c41; /*Foonter Licences*/
    --hgw-plt-6:#2f334a; /*Foonter Containet*/
    --hgw-plt-7:#484a58; /*Primary Texts*/
    --hgw-plt-8:#a7a7a7;
    --hgw-plt-9:#dfdfdf;
    --hgw-plt-10:#f0f0f0;
    --hgw-plt-11:#fbfbfb;
    --hgw-plt-12:#FFFFFF;
    --hgw-plt-13:#f4f4f4; /* used for table video and table of contents */
  
      --hgw-plt-opacity-1:rgba(205, 176, 122, 1);       /* #1 Same */
      --hgw-plt-opacity-2:rgba(205, 176, 122, 0.5);     /* #1 Same */
      --hgw-plt-opacity-3:rgba(205, 176, 122, 0.09);    /* #1 Same */
  
      --hgw-plt-opacity-4:#484a5833;                    /* #2 Same */
      --hgw-plt-opacity-5:#484a58CC;                    /* #2 Same */
      --hgw-plt-opacity-6:#484a5817;                    /* #2 Same */
      --hgw-plt-opacity-7:rgba(72, 74, 88, 0.8);        /* #2 Same */
  
      --hgw-plt-opacity-8:rgba(0,0,0,.03);              /* #3 Same */
      --hgw-plt-opacity-9: rgba(0,0,0,.1);              /* #3 Same */
  
      --hgw-plt-opacity-10:rgba(178, 178, 178, 0.48);
      --hgw-plt-opacity-11:rgba(178, 178, 178, 0.38);
      --hgw-plt-opacity-12:rgba(218, 218, 218, 0.43);
      
      --hgw-plt-opacity-10-13:#f9f9f9cc;                   /* #4 Same */
      --hgw-plt-opacity-11-14: rgba(255,255,255,0.15);     /* #4 Same */
      --hgw-plt-opacity-12-15: rgba(255,255,255,0.1);      /* #4 Same */
  
      --hgw-plt-opacity-13-16:transparent;                   /* #5 Same */
  }