/* home */
:root {
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #42d392 30%, #41d1ff);

  --vp-home-hero-image-background-image: linear-gradient(-45deg, #4acf93 50%, #c3edda 50%);
  --vp-home-hero-image-filter: blur(44px);
}

@media (min-width: 640px) {
  :root {
    --vp-home-hero-image-filter: blur(56px);
  }
  .VPHero .text {
    max-width: 600px;
  }
}

@media (min-width: 960px) {
  :root {
    --vp-home-hero-image-filter: blur(68px);
  }
}

/* button */
:root {
  --vp-button-brand-border: transparent;
  --vp-button-brand-text: var(--vp-c-white);
  --vp-button-brand-bg: var(--vp-c-brand-3);
  --vp-button-brand-hover-border: transparent;
  --vp-button-brand-hover-text: var(--vp-c-black);
  --vp-button-brand-hover-bg: var(--vp-c-brand-2);
  --vp-button-brand-active-border: transparent;
  --vp-button-brand-active-text: var(--vp-c-black);
  --vp-button-brand-active-bg: var(--vp-c-brand-1);
}

:root {
    .VPButton.big,
    .VPButton.alt,
    .VPButton.medium,
    .VPButton.brand {
        border-radius: 8px;
    }
}

/* colors */
:root {
  --vp-c-default-1: var(--vp-c-gray-1);
  --vp-c-default-2: var(--vp-c-gray-2);
  --vp-c-default-3: var(--vp-c-gray-3);
  --vp-c-default-soft: var(--vp-c-gray-soft);

  --vp-c-brand-1: #4acf93;
  --vp-c-brand-2: #42d392;
  --vp-c-brand-3: #42b883;
  --vp-c-brand-soft: var(--vp-c-indigo-soft);

  --vp-c-tip-1: var(--vp-c-brand-1);
  --vp-c-tip-2: var(--vp-c-brand-2);
  --vp-c-tip-3: var(--vp-c-brand-3);
  --vp-c-tip-soft: var(--vp-c-brand-soft);

  --vp-c-warning-1: var(--vp-c-yellow-1);
  --vp-c-warning-2: var(--vp-c-yellow-2);
  --vp-c-warning-3: var(--vp-c-yellow-3);
  --vp-c-warning-soft: var(--vp-c-yellow-soft);

  --vp-c-danger-1: var(--vp-c-red-1);
  --vp-c-danger-2: var(--vp-c-red-2);
  --vp-c-danger-3: var(--vp-c-red-3);
  --vp-c-danger-soft: var(--vp-c-red-soft);
}

/* custom block */
:root {
  --vp-custom-block-tip-border: transparent;
  --vp-custom-block-tip-text: var(--vp-c-text-1);
  --vp-custom-block-tip-bg: var(--vp-c-brand-soft);
  --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
}

/* algolia */
.DocSearch {
  --docsearch-primary-color: var(--vp-c-brand-1) !important;
}

/* sidebar */
:root {
  --vp-sidebar-width: 300px;
  --vp-sidebar-bg-color: var(--vp-c-bg-alt);
}

/* Mobile only ads */
@media (min-width: 1280px) {
  .mobile-only-ads {
    display: none;
  }
}

/* Hide right sidebar carbon ads on post pages */
body.is-post .VPDocAside .VPDocAsideCarbonAds,
body.is-post .VPDocAside .VPCarbonAds {
  display: none !important;
}