:root {
  --painting-panel: rgba(255, 252, 238, 0.9);
  --painting-panel-border: rgba(255, 214, 103, 0.55);
  --painting-text: #17213a;
  --painting-strong: #0c1730;
  --painting-link: #075ca8;
  --painting-shadow: rgba(2, 18, 55, 0.32);
}

html {
  min-height: 100%;
  background-color: #071b45;
  background-image: linear-gradient(
    to bottom,
    #061438 0%,
    #0a2e67 38%,
    #17659a 68%,
    #8a8d63 79%,
    #d59a2c 100%
  );
  background-attachment: fixed;
  background-size: cover;
}

body {
  min-height: 100vh;
  background: transparent !important;
  color: var(--painting-text);
}

#van-gogh-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.wrapper {
  position: relative;
  z-index: 1;
}

header,
section {
  box-sizing: border-box;
  color: var(--painting-text);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 42%),
    var(--painting-panel);
  border: 1px solid var(--painting-panel-border);
  box-shadow:
    0 18px 50px var(--painting-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(14px) saturate(118%);
  backdrop-filter: blur(14px) saturate(118%);
}

header {
  top: 2em;
  padding: 28px 18px 20px;
  border-radius: 24px;
}

section {
  margin: 2em 0;
  padding: 28px 26px 50px;
  border-radius: 28px;
}

body h1,
body h2,
body h3,
body strong,
body autocolor,
body email,
body position {
  color: var(--painting-strong);
}

body a {
  color: var(--painting-link);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

body p,
body li,
body td,
body th {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.36);
}

.publications ol.bibliography li .links a.btn {
  color: var(--painting-strong);
  border-color: rgba(12, 23, 48, 0.72);
}

.social-icons a {
  color: #064f91 !important;
}

@media (prefers-color-scheme: dark) {
  :root {
    --painting-panel: rgba(7, 20, 48, 0.91);
    --painting-panel-border: rgba(242, 187, 57, 0.46);
    --painting-text: #edf3ff;
    --painting-strong: #fff7d4;
    --painting-link: #6fd3ff;
    --painting-shadow: rgba(0, 5, 20, 0.58);
  }

  body,
  body h1,
  body h2,
  body h3,
  body strong,
  body autocolor,
  body email,
  body position {
    color: var(--painting-text);
  }

  body h1,
  body h2,
  body h3,
  body strong {
    color: var(--painting-strong);
  }

  body p,
  body li,
  body td,
  body th {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.32);
  }

  .publications ol.bibliography li .links a.btn {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.78);
  }

  .social-icons a {
    color: #70d7ff !important;
  }
}

@media print, screen and (max-width: 960px) {
  header,
  section {
    position: relative;
    top: auto;
    border: 1px solid var(--painting-panel-border);
  }

  header {
    padding: 24px 18px;
    margin-bottom: 18px;
  }

  section {
    padding: 24px 20px 40px;
    margin: 0 0 20px;
  }
}

@media print {
  #van-gogh-background {
    display: none;
  }

  header,
  section {
    background: #ffffff;
    box-shadow: none;
  }
}