/* Local Google Sans web font system.
   The source files are self-hosted; no third-party font request is made. */
@font-face {
  font-family: "Google Sans";
  src: url("../fonts/google-sans-Regular-web.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  src: url("../fonts/google-sans-Italic-web.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  src: url("../fonts/google-sans-Medium-web.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  src: url("../fonts/google-sans-MediumItalic-web.ttf") format("truetype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  src: url("../fonts/google-sans-SemiBold-web.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  src: url("../fonts/google-sans-SemiBoldItalic-web.ttf") format("truetype");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  src: url("../fonts/google-sans-Bold-web.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  src: url("../fonts/google-sans-BoldItalic-web.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-google-sans: "Google Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-google-sans);
  font-synthesis: none;
  font-kerning: normal;
  font-feature-settings: "kern" 1, "liga" 1, "clig" 1, "calt" 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-google-sans);
  text-wrap: balance;
}

p,
li,
dd {
  text-wrap: pretty;
}