:root {
    --pingat-graphite: #52616b;
    --pingat-blue: #147aa3;
    --pingat-blue-dark: #0f6487;
    --pingat-paper: #f4f3ef;
    --pingat-font: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --ink: #1e262b;
    --accent: #147aa3;
    --paper: #f4f3ef;
}

body { font-family: var(--pingat-font) !important; }

.brand {
    color: #f2f5f6 !important;
    font-family: var(--pingat-font) !important;
    font-weight: 700 !important;
    letter-spacing: -.055em !important;
    text-transform: lowercase;
    text-decoration: none;
}

.brand::after {
    color: #46a9cd;
    content: ".se";
    font-weight: 400;
}

.pingat-wordmark {
    display: inline-block;
    color: var(--pingat-graphite);
    font-family: var(--pingat-font);
    font-weight: 700;
    letter-spacing: -.055em;
    text-decoration: none;
}

.pingat-wordmark span { color: var(--pingat-blue); font-weight: 400; }
.site-header .pingat-wordmark,
header .pingat-wordmark { color: #f2f5f6; }
.site-header .pingat-wordmark span,
header .pingat-wordmark span { color: #46a9cd; }