@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fonts/source-serif-4/SourceSerif4-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fonts/source-serif-4/SourceSerif4-RegularIt.woff2") format("woff2");
}

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../vendor/fonts/source-serif-4/SourceSerif4-Semibold.woff2") format("woff2");
}

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../vendor/fonts/source-serif-4/SourceSerif4-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../vendor/fonts/source-serif-4/SourceSerif4-BoldIt.woff2") format("woff2");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fonts/source-sans-3/SourceSans3-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fonts/source-sans-3/SourceSans3-RegularIt.woff2") format("woff2");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../vendor/fonts/source-sans-3/SourceSans3-Semibold.woff2") format("woff2");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../vendor/fonts/source-sans-3/SourceSans3-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fonts/source-code-pro/SourceCodePro-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fonts/source-code-pro/SourceCodePro-RegularIt.woff2") format("woff2");
}

@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../vendor/fonts/source-code-pro/SourceCodePro-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../vendor/fonts/source-code-pro/SourceCodePro-Bold.woff2") format("woff2");
}

/* Prefer the publisher's small Latin faces; the original complete faces above
   remain available for every other character. Files are always self-hosted. */
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fonts/latin/SourceSans3-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../vendor/fonts/latin/SourceSans3-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../vendor/fonts/latin/SourceSans3-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../vendor/fonts/latin/SourceSans3-LatinIt.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --mpi-canvas: #f6f7f5;
  --mpi-surface: #ffffff;
  --mpi-ink: #1f2933;
  --mpi-muted: #5b6870;
  --mpi-border: #cdd5d5;
  --mpi-primary: #0b5d5a;
  --mpi-primary-hover: #084946;
  --mpi-focus: #0a7a75;
  --mpi-success: #176b45;
  --mpi-warning: #8a5a00;
  --mpi-danger: #a43232;
  --mpi-info: #1d5d88;
  --mpi-table-stripe: #f1f4f3;
  --mpi-font-body: "Source Serif 4", Georgia, serif;
  --mpi-font-heading: "Source Sans 3", system-ui, sans-serif;
  --mpi-font-code: "Source Code Pro", ui-monospace, monospace;
  --mpi-prose-size: 18px;
  --mpi-prose-leading: 1.62;
  --mpi-prose-measure: 70ch;
  --product-canvas: var(--mpi-canvas);
  --product-surface: var(--mpi-surface);
  --product-ink: var(--mpi-ink);
  --product-muted: var(--mpi-muted);
  --product-border: var(--mpi-border);
  --product-primary: var(--mpi-primary);
  --product-primary-hover: var(--mpi-primary-hover);
  --product-focus: var(--mpi-focus);
  --product-success: var(--mpi-success);
  --product-warning: var(--mpi-warning);
  --product-danger: var(--mpi-danger);
  --product-info: var(--mpi-info);
}