/* Leipätekstin kirjasin ja tekstin väri. */

/* Leipäteksti on Source Serif 4 kuten mdBookissa. Ei theme.font.text, koska se
 * vaihtaisi myös valikon, yläpalkin ja otsikot; kohteena vain artikkeli
 * (.md-content__inner). Zensical lataa Google Fontsista vain theme.font-
 * asetuksen kirjasimet, joten nämä haetaan tässä. Vaihtoehtoiset kirjasimet
 * samassa pyynnössä; selain lataa tiedoston vasta kun sitä käytetään.
 * Kaikki kolme ovat SIL OFL -lisensoituja. */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400..700;1,8..60,400..700&family=Literata:ital,opsz,wght@0,7..72,400..700;1,7..72,400..700&family=Atkinson+Hyperlegible+Next:ital,wght@0,400..700;1,400..700&display=swap");

.md-content__inner {
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  /* Kumoaa modern-teeman tiivistyksen (.md-typeset: -0.01em). Otsikoiden
   * omat arvot jäävät voimaan. */
  letter-spacing: normal;
}

/* Lukijan valitsema kirjasin (yläpalkin valikko, fontmenu.js). Oletus on
 * "ei attribuuttia". Tulostussivu seuraa mukana, koska luvut liitetään samaan
 * elementtiin. Ei kokokorjausta: pieni ero x-korkeuksissa on hyväksytty. */
body[data-jyu-font="atkinson"] .md-content__inner {
  font-family: "Atkinson Hyperlegible Next", "Source Sans 3", Helvetica, Arial, sans-serif;
}

body[data-jyu-font="literata"] .md-content__inner {
  font-family: "Literata", "Source Serif 4", Georgia, serif;
}

/* Otsikot pysyvät teeman kirjasimessa (Source Sans 3). Teema ei aseta niille
 * font-familyä, joten ilman tätä ne perisivät serifin. Laatikoiden otsikot
 * ja summary ovat otsikoita, sisältö leipätekstiä. */
.md-content__inner :is(h1, h2, h3, h4, h5, h6, .admonition-title, summary) {
  font-family: var(--md-text-font-family);
}

/* Tekstin väri jyrkemmäksi: vaalea .87 -> .92, tumma #e1e1e1.
 * Teema johtaa muut tekstivärit tästä perusmuuttujasta, joten yksi arvo per
 * teema riittää; --light on teemassa kiinteä, joten se siirretään erikseen.
 * Vaalealla tarvitaan myös [data-md-color-scheme=default], koska teema
 * määrittelee arvon bodylle ja pelkkä :root häviäisi sille. */
:root,
[data-md-color-scheme="default"] {
  --md-default-fg-color: #000000eb;
  --md-default-fg-color--light: #00000099;
}

[data-md-color-scheme="slate"] {
  --md-default-fg-color: #e1e1e1;
  --md-default-fg-color--light: hsla(var(--md-hue), 15%, 90%, 0.62);
}

/* Päävalikon linkit 500: Source Sans 3 jää 14 px:ssä 400:lla haaleaksi.
 * :not jättää pois sisällysluettelon (kapealla näytöllä samassa valikossa)
 * ja valitun rivin, jonka seuraava sääntö nostaa 700:aan. */
.md-nav--primary
  .md-nav__link:not(.md-nav--secondary .md-nav__link, .md-nav__link--active) {
  font-weight: 500;
}

/* Valittu rivi 700 molemmissa valikoissa: teeman 500 ei erotu, kun muutkin
 * rivit ovat 500, ja väri yksin lukee "linkki", ei "tässä olet". */
.md-nav__item .md-nav__link--active {
  font-weight: 700;
}