.pv-app {
  --pv-primary: #1c5f89;
  --pv-primary-dark: #134565;
  --pv-soft: #eef6fb;
  --pv-border: #c7d8e3;
  --pv-text: #1d2935;
  --pv-muted: #60707c;
  --pv-columns-desktop: 2;
  --pv-columns-tablet: 2;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--pv-text);
}

.pv-app--theme {
  --pv-primary: var(--wp--preset--color--primary, #1c5f89);
  --pv-primary-dark: var(--wp--preset--color--contrast, #134565);
  --pv-soft: color-mix(in srgb, var(--pv-primary) 8%, transparent);
  --pv-border: color-mix(in srgb, currentColor 22%, transparent);
  --pv-text: inherit;
  --pv-muted: inherit;
  font-family: inherit;
  color: inherit;
}

.pv-app *,
.pv-app *::before,
.pv-app *::after {
  box-sizing: border-box;
}

.pv-app h1,
.pv-app h2,
.pv-app h3,
.pv-app p,
.pv-app ul {
  font-family: inherit;
}

.pv-app img,
.pv-app svg {
  max-width: 100%;
  height: auto;
}
