MediaWiki:Common.css

:root {
    --color-process-blue: #0091c9;
    --color-yellow-gold: #f3cf1d;
}

@font-face {
    font-family: "Bell Gothic";

    src: url("/static/fonts/BellGothic-Bold.woff2") format("woff2"),
        url("/static/fonts/BellGothic-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: swap;
}

@font-face {
    font-family: "Bell Gothic";

    src: url("/static/fonts/BellGothic-Light.woff2") format("woff2"),
        url("/static/fonts/BellGothic-Light.woff") format("woff");

    font-weight: 300;

    font-style: normal;

    font-display: swap;
}

@font-face {
    font-family: "Bell Gothic";

    src: url("/static/fonts/BellGothic-Black.woff2") format("woff2"),
        url("/static/fonts/BellGothic-Black.woff") format("woff");

    font-weight: 900;

    font-style: normal;

    font-display: swap;
}

body {
	background-color: var(--background-color-base);
}

body,
.mw-body h1,
.mw-body h2 {
    font-family: Helvetica;
}

.mw-body h1 {
	font-weight: bold;
}

:root {
    --font-size-medium: 1rem;
    --line-height-medium: 1.5714285;
    --background-color-base: #f4f4f4;
}
.vector-feature-custom-font-size-clientpref-1 {
    --font-size-medium: 1.25rem;
    --line-height-medium: 1.6;
}
.vector-feature-custom-font-size-clientpref-2 {
    --font-size-medium: 1.6rem;
    --line-height-medium: 1.5;
}

a {
    color: var(--color-process-blue);
    /* text-decoration: underline; */
}

a.mw-logo,
a.mw-logo:visited {
	color: black;
}

.mw-logo-wordmark {
	letter-spacing: -.03em;
    font-size: 1.3em;
}

#p-logo a {
    background-size: contain;
}

.vector-header-container {
	padding-top: .5em;
    margin-bottom: .5em;
    padding-bottom: .5em;
    position: relative;
}

.vector-header-container::before {
    content: "";
    position: absolute;
    background-color: var(--color-process-blue);
    height: 0.6em;
    width: 100vw;
    bottom: -0.6em;
    z-index: 10;
}

.vector-header-container::after {
    content: "";
    position: absolute;
    background-color: var(--color-yellow-gold);
    height: 0.6em;
    width: 100vw;
    bottom: -1.4em;
    z-index: 10;
}