/**
 * base.css
 *
 * Global element defaults.
 */

/* Global reset-ish things */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Body text defaults (font will come from fonts.css) */
body {
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 1.1rem + 0.2vw, 19px);
  line-height: 1.7;
  color: #222;
  font-weight: 400;
  margin: 0;
}

/* Links */
a,
.node__title a {
  color: #10309c;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Basic lists & paragraphs */
p {
  margin-top: 0;
  margin-bottom: 1.1rem;
}
p:last-child {
  margin-bottom: 0;
}

ul, ol {
  margin-top: 0.2rem;
  margin-bottom: 1.1rem;
  padding-left: 1.6rem;
}
li {
  margin-bottom: 0.4rem;
}

/* Node unpublished.
   background color (#fff4f4)
   @see jn5_custom module
*/
.node--unpublished {
  background-color: rgba(255, 244, 244, .99);
  border-radius: 5px;
  padding: 15px;
}

/* -------------------------------------------------------------------
   Dark mode (honour system preference)
   ------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  body {
    background: #050816;
    color: #e5e7eb;
  }

  a,
  .node__title a {
    color: #8ab4ff;
  }

  /* Node pages: slightly darker bg */
  body.path-node {
    background: #020617;
  }
}