:root {
    --neutral-green-dark4: rgba(1, 15, 13, 1);
    --eupago-green: rgba(0, 235, 164, 1);
    --neutral-green-dark3: rgba(12, 36, 30, 1);
    --neutral-green-light3: rgba(227, 244, 241, 1);
    --neutral-green-dark2: rgba(20, 59, 48, 1);
    --collection-1-eupago-neutral-dark-100: rgba(3, 30, 27, 1);
    --collection-1-eupago-neutral-light-100: rgba(245, 247, 247, 1);
    --collection-1-eupago-neutral-light-50: rgba(176, 200, 195, 1);
    --collection-1-eupago-neutral-black-50: rgba(0, 0, 0, 1);
    --collection-1-eupago-blue-100: rgba(59, 144, 255, 1);
    --collection-1-eupago-neutral-light-80: rgba(211, 224, 221, 1);
    --collection-1-eupago-green-100: rgba(0, 235, 164, 1);
    --collection-1-eupago-neutral-white-200: rgba(255, 255, 255, 1);
    --top-menu-upper-margin: 64px;
    --top-menu-side-margin:64px;
  }
  
  /*
  
  To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:
  
  <body data-top-menu-mode="desktop">
      <!-- the rest of your content -->
  </body>
  
  You can apply the theme on any DOM node, not just the `body`
  
  */
  