:root {
  /* Font Family */
  --jas-font-family: "Inter";
  --jas-font-family-display: var(
    --dxp-s-text-heading-extra-large-font-family,
    "Playfair Display"
  );

  /* Colors */
  --jas-brand: var(--dxp-g-brand, #3a785c);
  --jas-brand-contrast: var(--dxp-g-root-contrast, #222a26);
  --jas-head-bg: #f9f7f6;
  --jas-bg: #fff;
  --jas-head-bg-alpha: color(from var(--jas-head-bg) srgb r g b / 0.8);

  /* Root Max Width */
  --jas-root-max-width: var(
    --dxp-c-section-columns-max-width,
    var(
      --dxp-c-l-max-content-width,
      var(--dxp-c-max-content-width, var(--dxp-s-section-columns-max-width))
    )
  );

  /* Spacing */
  --jas-page-gutters: 1.5rem;
}

html,
body {
  background: var(--jas-head-bg-alpha);
  height: 100%;
  margin: 0;
}