:root {
  --portal-main-color: #8DCA26;
  --portal-main-contrast: white;
  --portal-dark-color: #7c9144;
  --primary-color: var(--theme-primary-color);
  --secondary-color: var(--theme-secondary-color);
  --primary-color-rgb: var(--theme-primary-color-rgb);
  --secondary-color-rgb: var(--theme-secondary-color-rgb);
  --contrast-color: white;

  /* Portable Variables*/
  --theme-primary-color: #222080;
  --theme-secondary-color: #4686e5;
  --theme-primary-color-rgb: 34,31,128;
  --theme-secondary-color-rgb: 70,134,229;
  --openaire-main-color: #313179;
  --explore-portal-color: #D95F2D;
  --provide-portal-color: #37C7E9;
  --monitor-portal-color: #8DCA26;
  --connect-portal-color: #EBB13E;
  --develop-portal-color: #DA65AB;

  --explore-portal-lower-tone: #a0462c;
  --provide-portal-lower-tone: #3A8FA3;
  --monitor-portal-lower-tone: #7c9144;
  --connect-portal-lower-tone: #b48536;
  --develop-portal-lower-tone: #9f4e7e;
}