@import url('https://fonts.googleapis.com/css2?family=Charis+SIL:ital,wght@0,400;0,700;1,400&family=Gothic+A1:wght@800&display=swap" rel="stylesheet" rel="stylesheet');

body {
  --font-text-size: 21px;
  --font-text-theme: 'Charis SIL';
  --text-highlight-bg: hsl(220.1, 85%, 23.5%);
}

/* Contenidor de text més estret */
.text-content {
  max-width: 60ch; /* o 80%, segons preferència */
  margin: 0 auto;
  font-size: var(--font-text-size);
  font-family: var(--font-text-theme), serif;
}

/* Imatges sense restriccions d’amplada */
.text-content img {
  max-width: 100%;
  height: auto;
  display: block;
}
code {
  --font-monospace: 'Helvetica Bold';
  --code-size: 18.4px;
  --code-color: hsl(180, 100%, 50%);
  --code-background: none;
  --code-white-space: 20px;
}
h1 {
  --h1-size: 32px;
}


.published-container {
  --page-width: 850px;
  --page-padding: 72px;
}