@layer third-party.overrides {
  :root {
    --oli-s-layout: vertical;
    --oli-s-heading-1-color: var(--oli-g-colors-dark);
    --oli-s-heading-2-color: var(--oli-g-colors-dark);
    --oli-s-link-color: var(--oli-g-colors-main-50);
    --oli-s-link-color-visited: var(--oli-g-colors-main);
    --oli-s-main-nav-color: var(--oli-g-colors-main-50);

    /* Colors */
    --oli-g-colors-background: oklch(1 0 0);
    --oli-g-colors-base-light: 0.66;
    --oli-g-colors-base-chroma: 0.21;
    --oli-g-colors-base-hue: 39.175;
    --oli-g-colors-dark: var(--oli-g-colors-main-90);
    --oli-s-figure-background-color: var(--oli-g-colors-neutral);

    --oli-g-colors-light: oklch(1 0 0);
    --oli-g-colors-neutral: oklch(
      from var(--oli-g-colors-main) calc(l + 0.29) calc(c - 0.14)
        calc(h + 103.825)
    );
    --oli-g-colors-contrast: oklch(
      from var(--oli-g-colors-main) calc(l - 0.14) calc(c - 0.15)
        calc(h + 56.825)
    );
    --oli-g-colors-contrast2: oklch(
      from var(--oli-g-colors-main) calc(l - 0.4) calc(c - 0.18)
        calc(h + 190.795)
    );
    --oli-s-form-button-background-color: var(--oli-g-colors-contrast2-60);

    /* Spacing */
    --oli-s-page-padding: 1rem;
    --oli-s-page-start-column-width: 20rem;
    --oli-s-section-margin: calc(
      var(--oli-g-spacing-base) * pow(var(--oli-g-spacing-scale), 4.5)
    );

    --4to7range: clamp(0.25rem, 0.1766rem + 0.3261vw, 0.4375rem);
    --5to7range: clamp(0.3125rem, 0.2636rem + 0.2174vw, 0.4375rem);
    --4to6range: clamp(0.25rem, 0.2011rem + 0.2174vw, 0.375rem);
    --4to5range: clamp(0.25rem, 0.2255rem + 0.1087vw, 0.3125rem);

    --4to7: tan(atan2(var(--4to7range),1px));
    --5to7: tan(atan2(var(--5to7range),1px));
    --4to6: tan(atan2(var(--4to6range),1px));
    --4to5: tan(atan2(var(--4to5range),1px));



    /* Text */
    --oli-s-heading-1-scalefactor: var(--5to7);
    --oli-s-heading-1-line-height: 0.95;
    --oli-s-page-base-font-size-m: 1.2rem;
    --oli-s-heading-3-margin-block: var(--oli-g-spacing-xl)
      var(--oli-g-spacing-xs);
    --oli-g-text-size-base-s: 1rem;
    /* --oli-s-header-margin-block-end: var(--oli-g-spacing-xxxl); */
    --oli-s-header-margin-block-end: var(--oli-g-spacing-xl);
  }
  
  @media (min-width: 26em) {
    :root {
      /* --oli-s-page-padding: 2rem; */
    }
  }
  @media (min-width: 64em) {
    :root {
      --oli-s-page-padding: 4rem;
    }
  }

  body {
    --oli-s-font-family: "Pangea";
  }

  h1,
  h2,
  h3,
  h4 {
    --oli-s-font-family: "Pangea";
  }
}