/* Aarhus University identity colours, converted from the official sRGB values. */
:root {
  --au-blue: #003d73;
  --au-blue-dark: #002546;
  --au-purple: #655a9f;
  --au-purple-dark: #281c41;
  --au-cyan: #37a0cb;
  --au-cyan-dark: #003e5c;
  --au-turquoise: #00aba4;
  --au-turquoise-dark: #004543;
  --au-green: #8bad3f;
  --au-green-dark: #425821;
  --au-yellow: #fabb00;
  --au-yellow-dark: #634b03;
  --au-orange: #ee7f00;
  --au-orange-dark: #5f3408;
  --au-red: #e2001a;
  --au-red-dark: #5b0c0c;
  --au-magenta: #e2007a;
  --au-magenta-dark: #5f0030;
  --au-grey: #878787;
  --au-grey-dark: #4b4b4a;

  /*
   * Prefer Aarhus University's signature font when it is installed locally.
   * No font files are downloaded or bundled with the website.
   */
  --au-font-family: "AU Passata", "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-family: var(--au-font-family);
  --bs-font-sans-serif: var(--au-font-family);
}

/* Use AU blue for interactive elements on the light theme. */
body.quarto-light {
  --bs-primary: var(--au-blue);
  --bs-primary-rgb: 0, 61, 115;
  --bs-link-color: var(--au-blue);
  --bs-link-color-rgb: 0, 61, 115;
  --bs-link-hover-color: var(--au-blue-dark);
  --bs-link-hover-color-rgb: 0, 37, 70;
}

/* AU cyan remains legible against the site's dark background. */
body.quarto-dark {
  --bs-primary: var(--au-cyan);
  --bs-primary-rgb: 55, 160, 203;
  --bs-link-color: var(--au-cyan);
  --bs-link-color-rgb: 55, 160, 203;
  --bs-link-hover-color: #ffffff;
  --bs-link-hover-color-rgb: 255, 255, 255;
}

#quarto-header .navbar {
  background-color: var(--au-blue-dark);
  border-bottom: 1px solid var(--au-blue);
}

body.quarto-light h1,
body.quarto-light h2,
body.quarto-light h3,
body.quarto-light .quarto-title {
  color: var(--au-blue-dark);
}

body.quarto-light .sidebar-link.active,
body.quarto-light .panel-tabset .nav-link.active {
  color: var(--au-blue);
}

body.quarto-dark .sidebar-link.active,
body.quarto-dark .panel-tabset .nav-link.active {
  color: var(--au-cyan);
}

::selection {
  color: #ffffff;
  background-color: var(--au-blue);
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.navbar,
.sidebar,
.quarto-title {
  font-family: var(--au-font-family);
}