/*
**********************************************************************************************************
* Central stylesheet that wires base typography, pane-wide helpers and the shared animation/keyframe layer.
**********************************************************************************************************
*/
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap');
html {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--text-primary);
}

body,
.pane-content,
.tool-show,
.rich-text,
.pane-breadcrumbs {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 600;
}

.pane-title,
.pane-bar .bar-header,
.pane-bar .bar-item-md {
  font-family: var(--font-heading);
}