/* Linework Press — bewusst minimal.
   Drei Seiten, die es nur gibt, weil das Impressum eine Adresse braucht.
   Kein Katalog, keine Kartenraster, keine externen Ressourcen: Systemschriften
   und ein Signet, das seine Farbe aus dem Kontext bezieht. */

:root {
    --paper: #f6f4ef;
    --ink: #1e2a3a;
    --ink-soft: #55606f;
    --rule: #dcd8cf;
}

@media (prefers-color-scheme: dark) {
    :root {
        --paper: #141a22;
        --ink: #eae4d8;
        --ink-soft: #a8b0bc;
        --rule: #2a333f;
    }
}

* {
    box-sizing: border-box;
}

body {
    max-width: 36rem;
    margin: 0 auto;
    padding: 3.5rem 1.5rem 4rem;
    background: var(--paper);
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.65;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

/* Das Signet als CSS-Maske, nicht als <img>: so bezieht es seine Farbe aus
   background-color und funktioniert in beiden Themes. Ein <img> brächte die
   feste schwarze Strichfarbe mit und verschwände im Dunkelmodus. */
.mark {
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 1.75rem;
    background-color: var(--ink);
    -webkit-mask: url("mark.svg") center / contain no-repeat;
    mask: url("mark.svg") center / contain no-repeat;
}

a.mark {
    opacity: 0.85;
}

a.mark:hover {
    opacity: 1;
}

h1 {
    font-size: 1.45rem;
    line-height: 1.3;
    margin: 0 0 1.5rem;
    letter-spacing: -0.01em;
}

h2 {
    font-size: 1rem;
    margin: 1.9rem 0 0.4rem;
}

p {
    margin: 0 0 0.9rem;
    color: var(--ink-soft);
}

a {
    color: inherit;
    text-underline-offset: 2px;
}

a:focus-visible {
    outline: 2px solid var(--ink);
    outline-offset: 2px;
}

nav {
    margin-top: 2.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--rule);
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 0.85rem;
}

nav a {
    margin-right: 1.25rem;
}