:root {
  /* NOTE: Override DX background color cause the default is darkening the component background color, but we want to force it to black */
  --dx-color-main-bg: black;

  /* Override DX border radius cause the default is 2px */
  --dx-border-radius: 8px;

  /* Highlight color is used for highlighting sections */
  --dx-component-color-bg-highlight: color-mix(in srgb, var(--dx-component-color-bg) 95%, white);

  /* Text shadow is used for text shadow in buttons */
  --dx-text-shadow: 1px 1px 3px #00000044;

  /* Shadow color is used for floating elements shadows */
  --dx-color-shadow: black;
}