:root {
  /* voodoo specific color definitions */
  --voodoo-color-links: rgba(38, 120 ,113, 1);/* Link Dark Green */
  --voodoo-color-links--mid: rgba(38, 120 ,113, 0.6); /* Link Dark Green 60% */
  --voodoo-color-links--light: rgba(38, 120 ,113, 0.3); /* Link Dark Green 30% */
  --voodoo-color-burgundy: rgba(104, 31, 64, 1); /* Burgundy #681F40 */
  --voodoo-color-raspberry: rgba(155, 28, 69, 1); /* Raspberry #9B1C45 */
  --voodoo-color-coral: rgba(255, 88, 88, 1); /* Coral #FF5858 */
  --voodoo-color-light-coral: rgba(255, 234, 227, 1); /* Light Coral #FFEAE3 */
  --voodoo-color-sky1: rgba(211, 216, 224, 1); /* Sky1 #D3D8E0 */
  --voodoo-color-sky2: rgba(182, 186, 195, 1); /* Sky2 #B6BAC3 */
  --voodoo-color-sky3: rgba(153, 156, 166, 1); /* Sky3 #999CA6 */
  --voodoo-color-sky4: rgba(123, 126, 136, 1); /* Sky4 #7B7E88 */
  --voodoo-color-sky5: rgba(94, 96, 107, 1); /* Sky5 #5E606B */
  --voodoo-color-mole1: rgba(224, 220, 215, 1); /* Mole1 #E0DCD7 */
  --voodoo-color-mole2: rgba(195, 190, 185, 1); /* Mole2 #C3BEB9 */
  --voodoo-color-mole3: rgba(166, 160, 155, 1); /* Mole3 #A6A09B */
  --voodoo-color-mole4: rgba(136, 129, 124, 1); /* Mole4 #88817C */
  --voodoo-color-mole5: rgba(107, 99, 94, 1); /* Mole5 #6B635E */
  --voodoo-color-green1: rgba(38, 120 ,113 , 1); /* Link Dark Green #267871 */
  --voodoo-color-green2: rgba(50, 159, 149, 1); /* Link Light Green #329f95 */

  /* Higlighted text: yellow, green, and red */
  --voodoo-color-mark: hsla(54.1,96.8%,87.6%,1);
  --voodoo-color-ins: rgba(11,213,112,0.15);
  --voodoo-color-del: rgba(245,80,61,0.15);

  /* Modal color overrides */
  --voodoo-color-modal-overlay: hsla(0,0%,0%,0.228);
  --voodoo-color-close-modal: rgba(94, 96, 107, 1); /* Sky5 #5E606B */

  /* Landing page buttons */
  --apptus-color-prod-4: hsla(345,70%,54%,1);
  --apptus-color-prod-3: hsla(185,60%,68%,1);
  --apptus-color-prod-shopware: hsla(210,99%,63%,1);

  /* Subhead row colors */
  --voodoo-color-shrow-text: hsla(0,100%,100%,1);
  --voodoo-color-shrow: hsla(0,0%,0%,0.3);
  --voodoo-color-shrow-shadow: hsla(0,0%,0%,0.05);



  /* SVG icons */
  --icon-open-in-new: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>');
  --icon-locked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17a2 2 0 002-2 2 2 0 00-2-2 2 2 0 00-2 2 2 2 0 002 2m6-9a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10a2 2 0 012-2h1V6a5 5 0 015-5 5 5 0 015 5v2h1m-6-5a3 3 0 00-3 3v2h6V6a3 3 0 00-3-3z"/></svg>');
  --icon-codepen: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.285 159.704l-234-156c-7.987-4.915-16.511-4.96-24.571 0l-234 156C3.714 163.703 0 170.847 0 177.989v155.999c0 7.143 3.714 14.286 9.715 18.286l234 156.022c7.987 4.915 16.511 4.96 24.571 0l234-156.022c6-3.999 9.715-11.143 9.715-18.286V177.989c-.001-7.142-3.715-14.286-9.716-18.285zM278 63.131l172.286 114.858-76.857 51.429L278 165.703V63.131zm-44 0v102.572l-95.429 63.715-76.857-51.429L234 63.131zM44 219.132l55.143 36.857L44 292.846v-73.714zm190 229.715L61.714 333.989l76.857-51.429L234 346.275v102.572zm22-140.858l-77.715-52 77.715-52 77.715 52-77.715 52zm22 140.858V346.275l95.429-63.715 76.857 51.429L278 448.847zm190-156.001l-55.143-36.857L468 219.132v73.714z"/></svg>');
  --icon-new-content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M40 8H8c-2.2 0-4 1.8-4 4v24c0 2.2 1.8 4 4 4h32c2.2 0 4-1.8 4-4V12c0-2.2-1.8-4-4-4zM16.6 30h-2.9l-4.2-7.5V30H6.6V18h2.9l4.2 7.5V18h2.9v12zm10.1-9.8h-5.4v2.5h4.5v2.1h-4.5v2.9h5.4V30h-8.3V18h8.3v2.2zM38.9 30h-3l-1.6-6.8-1.6 6.8h-3l-2.6-12H30l1.4 7.5L33 18h2.5l1.7 7.5 1.4-7.5h2.9l-2.6 12z"/></svg>');
  --icon-updated-content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85.94 48"><path d="M32.7 19.42h-1v7.44h1a2.22 2.22 0 001.88-.88 4.26 4.26 0 00.66-2.59v-.52a4.23 4.23 0 00-.66-2.58 2.24 2.24 0 00-1.88-.87zM22.81 19.42h-1.85v3.41h1.87a1.74 1.74 0 001.26-.41 1.55 1.55 0 00.39-1.2 1.89 1.89 0 00-.45-1.32 1.62 1.62 0 00-1.22-.48zM42.97 24.63h2.54l-1.28-4.1-1.26 4.1z"/><path d="M77.9 7.22H7.96a4 4 0 00-4 4v24a4 4 0 004 4H77.9a4 4 0 004-4v-24a4 4 0 00-4-4zM16.28 24.96a4.48 4.48 0 01-.56 2.26 3.7 3.7 0 01-1.61 1.47 5.74 5.74 0 01-2.48.5 4.88 4.88 0 01-3.4-1.12 4 4 0 01-1.27-3.05v-7.8h2.87v7.86c0 1.29.63 1.94 1.8 1.94a1.72 1.72 0 001.33-.49 2.23 2.23 0 00.46-1.58v-7.73h2.85zm9.85-1a5.15 5.15 0 01-3.4 1h-1.77v4h-2.9V17.22h4.72a5.57 5.57 0 012.4.5 3.78 3.78 0 011.61 1.42 3.82 3.82 0 01.58 2.08A3.44 3.44 0 0126.13 24zm12-.61a6.07 6.07 0 01-.69 2.91 5 5 0 01-1.93 2 5.48 5.48 0 01-2.78.74h-3.84V17.22h3.81a5.61 5.61 0 012.81.71 5 5 0 012 2 6.07 6.07 0 01.71 2.9zm8.7 5.66l-.69-2.21h-3.86l-.68 2.21h-3l4.29-11.79h2.68l4.39 11.83zm12.28-9.59h-3.55v9.63h-2.85v-9.63h-3.48v-2.2h9.88zm9.37 0h-5.31v2.5h4.48v2.11h-4.48v2.83h5.29v2.19h-8.14V17.22h8.16zm10.44 4a6.07 6.07 0 01-.69 2.91 5 5 0 01-1.93 2 5.49 5.49 0 01-2.79.74h-3.89V17.22h3.81a5.62 5.62 0 012.82.71 5 5 0 012 2 6.19 6.19 0 01.71 2.9z"/><path d="M73.43 19.42h-1v7.44h1a2.23 2.23 0 001.88-.88 4.26 4.26 0 00.66-2.59v-.52a4.23 4.23 0 00-.66-2.58 2.26 2.26 0 00-1.88-.87z"/></svg>');
  --icon-deprecated-content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 115.2 48"><path d="M72.3 25.5h2.5l-1.3-4zM31.7 20.3h-1.9v3.4h1.9c.6 0 1-.1 1.3-.4.3-.3.4-.7.4-1.2 0-.6-.1-1-.4-1.3-.3-.3-.7-.5-1.3-.5zM42.4 20.3h-1.8v3.2h1.8c.5 0 .9-.1 1.2-.4.3-.3.4-.7.4-1.2s-.1-.9-.4-1.2c-.2-.2-.6-.4-1.2-.4z"/><path d="M107.2 8.1H8c-2.2 0-4 1.8-4 4v24c0 2.2 1.8 4 4 4h99.2c2.2 0 4-1.8 4-4v-24c0-2.2-1.8-4-4-4zM16.3 24.3c0 1.1-.2 2-.7 2.9-.5.9-1.1 1.5-1.9 2-.8.5-1.8.7-2.8.7H7V18.1h3.8c1 0 2 .2 2.8.7.8.5 1.5 1.1 1.9 2 .5.9.7 1.8.7 2.9v.6zm9.6-4h-5.3v2.5H25v2.1h-4.5v2.8h5.3v2.2h-8.1V18.1h8.1v2.2zm9.2 4.6c-.8.7-2 1-3.4 1h-1.8v4H27V18.1h4.7c.9 0 1.7.2 2.4.5s1.2.8 1.6 1.4c.4.6.6 1.3.6 2.1 0 1.2-.4 2.1-1.2 2.8zm12.2 5h-3l-2.1-4.2h-1.5v4.2h-2.8V18.1h4.6c1.4 0 2.5.3 3.3.9s1.2 1.5 1.2 2.6c0 .8-.2 1.5-.5 2s-.9 1-1.6 1.3l2.5 4.8v.2zm9.5-9.6h-5.3v2.5H56v2.1h-4.5v2.8h5.3v2.2h-8.1V18.1h8.1v2.2zm4.1 6.8c.3.5.9.8 1.6.8.7 0 1.2-.2 1.5-.5.3-.3.5-.8.6-1.5h2.8c0 .8-.3 1.5-.7 2.2-.4.6-1 1.1-1.7 1.5-.7.3-1.6.5-2.5.5-1.5 0-2.8-.5-3.7-1.5-.9-1-1.3-2.4-1.3-4.3v-.6c0-1.2.2-2.2.6-3 .4-.9 1-1.5 1.7-2 .8-.5 1.6-.7 2.6-.7 1.4 0 2.6.4 3.5 1.1.9.8 1.4 1.8 1.5 3.1h-2.8c0-.7-.2-1.2-.5-1.5-.3-.3-.9-.5-1.6-.5-.7 0-1.2.3-1.6.8-.3.5-.5 1.4-.5 2.5v.8c.1 1.3.2 2.2.5 2.8zm15.3 2.8l-.7-2.2h-3.9l-.7 2.2h-3l4.3-11.8h2.7l4.4 11.8h-3.1zm12.2-9.6h-3.5v9.6H82v-9.6h-3.5v-2.2h9.9v2.2zm9.3 0h-5.3v2.5h4.5v2.1h-4.5v2.8h5.3v2.2h-8.1V18.1h8.1v2.2zm10.4 4c0 1.1-.2 2-.7 2.9-.5.9-1.1 1.5-1.9 2-.8.5-1.8.7-2.8.7h-3.9V18.1h3.8c1 0 2 .2 2.8.7.8.5 1.5 1.1 1.9 2 .5.9.7 1.8.7 2.9v.6z"/><path d="M10.8 20.3h-1v7.4h1c.8 0 1.4-.3 1.9-.9.4-.6.7-1.4.7-2.6v-.5c0-1.1-.2-2-.7-2.6-.4-.5-1.1-.8-1.9-.8zM102.7 20.3h-1v7.4h1c.8 0 1.4-.3 1.9-.9.4-.6.7-1.4.7-2.6v-.5c0-1.1-.2-2-.7-2.6-.5-.5-1.1-.8-1.9-.8z"/></svg>');

  --svg-color-red: hsla(359.4,88.6%,79.4%,1);
  --svg-color-yellow: hsla(55,94%,56%,1);
}

[data-md-color-primary="voodoo-light"] {
  /* Primary color shades overrides */

}

[data-md-color-accent="voodoo-light"] {
  /* Accent color shades overrides */
  --md-accent-fg-color: var(--voodoo-color-links--mid);

  /* voodoo light scheme specific color definitions */
  --apptus-color-shadow: hsla(262.5,39.4%,27.8%,0.2);
  --apptus-color-landing-button: hsla(360,0%,100%,1);
  --apptus-color-landing-button--over: hsla(210,17%,98%,1);
  --apptus-color-landing-button--text: hsla(210,10%,23%,1);

  /* H1 color for dark and light */
  --voodoo-color-h1: rgba(0, 0, 0, 1);

  /* Higlighted text: yellow, green, and red in Light mode*/
  --voodoo-color-mark-text: var(--md-primary-fg-color);
}

[data-md-color-primary="voodoo-dark"] {
  /* Primary color shades overrides */

}

[data-md-color-accent="voodoo-dark"] {
 /* Accent color shades overrides */
 --md-accent-fg-color: var(--voodoo-color-links--mid);

  /* Vodayo dark scheme specific color definitions */
  --apptus-color-landing-button: rgba(0,0,0,0.05);
  --apptus-color-landing-button--over: hsla(210,17%,98%,0.02);
  --apptus-color-landing-button--text: var(--md-default-fg-color--light);

  /* H1 color for dark and light */
  --voodoo-color-h1: var(--md-typeset-color);

  /* Higlighted text: yellow, green, and red in Dark mode*/
  --voodoo-color-mark-text: var(--md-default-bg-color);
  --voodoo-color-mark: var(--svg-color-yellow);
  --voodoo-color-del: var(--voodoo-color-coral);
  --voodoo-color-ins: var(--voodoo-color-green2);

}