/* Background themes — updated by Design Tool */

:root {
  --axiark-light-base: #ffffff;
  --header-bg: rgba(255, 255, 255, 0.88);
  --header-bg-mega: rgba(255, 255, 255, 0.28);
  --axiark-page-home: #ffffff;
  --axiark-page-catalyst: #ffffff;
  --axiark-page-datum: #ffffff;
  --axiark-page-pricing: #ffffff;
  --axiark-page-developers: #ffffff;
  --axiark-page-about: #ffffff;
}

html:not([data-theme="dark"]) {
  --bg: #ffffff;
}

body[data-page="home"] {
  background-color: var(--axiark-page-home);
}

body[data-page="catalyst"] {
  background-color: var(--axiark-page-catalyst);
}

body[data-page="datum"] {
  background-color: var(--axiark-page-datum);
}

body[data-page="pricing"] {
  background-color: var(--axiark-page-pricing);
}

body[data-page="developers"] {
  background-color: var(--axiark-page-developers);
}

body[data-page="about"] {
  background-color: var(--axiark-page-about);
}

body[data-page="pricing"] .pricing-page {
  background-color: var(--axiark-page-pricing);
}