/* SumIt. Taken from sum-it.no, not the legacy portal's si theme ($btn-bg #b9def0, $btn-fg #3B3B3B, h2 #00B0F0): the site's teal #00aabe buttons with white
   text and 3px corners, Raleway, dark grey headings (#474747) and body text #666. White on #00aabe is 2.8:1, the same as on the site (WCAG AA wants 4.5:1);
   it is the site's own button, kept as it is. Raleway is self-hosted (SIL Open Font License, fonts/Raleway-OFL.txt): the pages allow no outside fonts. */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../../fonts/raleway-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;
}

:root {
  --color-brand: #00aabe;
  --color-brand-fg: #ffffff;
  --color-brand-soft: #d9f1f5;
  --color-brand-mid: #00aabe;
  --color-ink: #666666;
  --color-link: #474747;
  --color-th: #474747;
  --color-heading: #474747;
  --color-outline: #00aabe;
  --color-primary: #00aabe;
  --color-secondary: #474747;
  --font-sans: Raleway, Helvetica, Arial, Lucida, sans-serif;
}

/* The site's buttons and fields have 3px corners and no capitals. */
.btn { border-radius: 3px; font-weight: 500; }
.field { border-radius: 3px; }
h1, h2 { font-weight: 700; }

/* As in the legacy portal: the pages in a light blue band, the title of each page in a grey bar, a grey footer. */
:root {
  --color-nav: #b9def0;
  --color-nav-link: #3b3b3b;
  --color-bar: #ececec;
  --color-tint-strong: #ececec;
}
.site-nav .nav-link { font-size: 1.125rem; font-weight: 500; }
.page-bar { padding: 0.75rem 1rem; }
.page-bar .page-title { font-size: 1.25rem; }
.site-nav .nav-link[aria-current="page"] { font-weight: 700; }