/* Self-hosted Estedad variable font (OFL-1.1). */
@font-face {
  font-family: "Estedad";
  src: url("../fonts/Estedad-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Add class="ui-app" to the document root to opt into the design system. */
:root.ui-app,
.ui-app {
  font-family: "Estedad", Tahoma, Arial, sans-serif;
}
.ui-app body,
.ui-app button,
.ui-app input,
.ui-app select,
.ui-app textarea {
  font-family: "Estedad", Tahoma, Arial, sans-serif;
}
.ui-app body {
  font-size: var(--ui-font-size-md);
  line-height: var(--ui-line-height);
}
.ui-app h1,
.ui-app h2,
.ui-app h3,
.ui-app h4,
.ui-app h5,
.ui-app h6 {
  color: var(--ui-color-text);
  line-height: 1.45;
}
.ui-app h1 { font-size: clamp(1.65rem, 3vw, 2.25rem); font-weight: 700; }
.ui-app h2 { font-size: clamp(1.25rem, 2vw, 1.625rem); font-weight: 700; }
.ui-app h3 { font-size: var(--ui-font-size-lg); font-weight: 600; }
.ui-app small,
.ui-app .ui-text-muted { color: var(--ui-color-text-muted); }
