/* Newhouse/Syracuse brand foundations, adapted from nextjs-newhouse. */
@font-face {
  font-family: "Oswald";
  src: url("../fonts/oswald-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/oswald-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/oswald-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ShermanSans";
  src: url("../fonts/shermansans-book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ShermanSans";
  src: url("../fonts/shermansans-bookitalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ShermanSans";
  src: url("../fonts/shermansans-bold.woff2") format("woff2");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ShermanSans";
  src: url("../fonts/shermansans-bolditalic.woff2") format("woff2");
  font-weight: 700 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ShermanSerif";
  src: url("../fonts/shermanserif-book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SyracuseBlockCondensed";
  src: url("../fonts/syracuse-block-condensed-vf.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
/*
 * Preserve the title's horizontal footprint while the branded face loads.
 * Syracuse Block Condensed measures at 55.8% of Arial Narrow Bold for the
 * header phrase, so this adjusted local fallback prevents the visible snap.
 */
@font-face {
  font-family: "SyracuseBlockCondensedFallback";
  src: local("Arial Narrow Bold"), local("Arial Narrow");
  font-weight: 700;
  font-style: normal;
  size-adjust: 55.8%;
}
@font-face {
  font-family: "ShermanSerif";
  src: url("../fonts/shermanserif-bookitalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --su-orange: #f76900;
  --su-orange-dark: #cd3e00;
  --su-orange-darkest: #a43200;
  --su-orange-soft: #fef0e6;
  --su-navy: #000e54;
  --su-blue-medium: #203299;
  --su-blue-light: #2b72d7;
  --su-blue-soft: #eaf1fb;
  --su-gray-dark: #333333;
  --su-gray-medium: #8c939b;
  --su-gray-light: #adb3b8;
  --su-surface-soft: #f8f8f8;
  --font-sherman-sans: "ShermanSans", "Trebuchet MS", Tahoma, sans-serif;
  --font-sherman-serif: "ShermanSerif", Georgia, "Times New Roman", serif;
  --font-oswald: "Oswald", "Arial Narrow", "Helvetica Neue", sans-serif;
  --font-syracuse-block-condensed: "SyracuseBlockCondensed", "SyracuseBlockCondensedFallback", "Arial Narrow", sans-serif;
  --font-body: var(--font-sherman-sans);
  --font-heading: var(--font-sherman-sans);
  --font-editorial: var(--font-sherman-serif);
  --font-condensed: var(--font-oswald);
}

html { font-family: var(--font-body); color: var(--su-navy); }
body, input, select, textarea, button { font-family: inherit; }