Readable Wikipedia by DHo

/* ==UserStyle==
@name         Readable Wikipedia
@version      20250106.21.25
@namespace    https://userstyles.world/user/DHo
@description  Just making WP more pleasant to read on my big monitors.
@author       DHo
@license      No License
==/UserStyle== */

@-moz-document domain("en.wikipedia.org") {
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --rem: 18px;
    --sans: 'Public Sans';
    --serif: 'Crimson Pro';
    --title-size: calc( var(--rem) * 1.68 );
    --font-weight: 500;
    --font-heading-wt: 800;
    --clr-link: hsl(192, 72%, 30%);
}


*,
.mw-body-content .mw-body, 
.mw-body-content .mw-heading,
.mw-body-content .mw-heading2, 
.mw-body-content h2 {
    font-family: var(--sans);
    color: #000;
}

h1, h2, h3,
.mw-body-content h1, 
.mw-body-content h2,
.mw-body-content  {
    font-weight: var(--font-heading-wt);
}

h1, 
h1 > i,
#firstHeading > span {
    font-family: var(--sans);
    font-size: var(--title-size);
    line-height: 1em;
    color: #401c14;
}
#firstHeading {
    padding-bottom: var(--title-size);
}

p {
    font-size: var(--rem);
    font-weight: var(--font-weight);
}

b {
    font-weight: 800;
}

a, a .vector-toc-text {
    color: var(--clr-link);
    font-weight: 500;
}
}