:root {
  --parchemos-font-family: "Comfortaa", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pm-font-family: var(--parchemos-font-family);
  --pvb-font: "Comfortaa";
  --pch-font: "Comfortaa";
  --pch-studio-font: "Comfortaa";
}

/* Frontend Parchemos: una sola tipografía para todos los textos y controles. */
:is(
  .pch-register,
  .pch-auth-app,
  .pch-auth-exact,
  .pch-auth-sheet,
  .pch-recovery-app,
  .pch-preview,
  .pch-functional-app,
  .pch-passport-app,
  .parchemos-ui,
  .parchemos-app,
  .ps1
),
:is(
  .pch-register,
  .pch-auth-app,
  .pch-auth-exact,
  .pch-auth-sheet,
  .pch-recovery-app,
  .pch-preview,
  .pch-functional-app,
  .pch-passport-app,
  .parchemos-ui,
  .parchemos-app,
  .ps1
) * {
  font-family: var(--parchemos-font-family) !important;
}

/* Constructor Visual dentro de wp-admin. */
body[class*="parchemos-visual-builder"] :is(
  button,
  input,
  select,
  textarea,
  label,
  a,
  p,
  span,
  small,
  strong,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  div
) {
  font-family: var(--parchemos-font-family) !important;
}

/* Evita que los inputs móviles vuelvan a usar una fuente o tamaño del tema. */
.pch-register :is(input, button, select, textarea),
.pch-auth-app :is(input, button, select, textarea),
.pch-auth-exact :is(input, button, select, textarea),
.pch-recovery-app :is(input, button, select, textarea) {
  font-family: var(--parchemos-font-family) !important;
}

@media (max-width: 767px) {
  .pch-register input,
  .pch-auth-app input,
  .pch-auth-exact input,
  .pch-recovery-app input {
    font-size: 16px !important;
  }
}