/*
 * lemmandor – Gestaltung der Website (Phase 1: Platzhalterseite)
 *
 * Nur var(--…) aus tokens.css, keine Farbwerte, keine eigenen Token-Namen, keine Hell/Dunkel-Verzweigung
 * (tokens.css schaltet selbst über prefers-color-scheme). Abstände nur aus den Stufen
 * 4 · 8 · 12 · 16 · 24 · 36 · 48 · 96 px (DESIGN.md Abschnitt 4). Die metrisch angepasste Ersatzschrift folgt mit LAYT-04.
 */

/* Hausschrift, selbst gehostet (DESIGN.md Abschnitt 3). Bei Austausch der Datei einen NEUEN Dateinamen vergeben
   (Geist-Variable-1.801.woff2), weil nginx sie ein Jahr als immutable ausliefert; auch den preload in den Seiten anpassen. */
@font-face {
    font-family: "Geist";
    src: url("/fonts/Geist-Variable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--background);
    color: var(--foreground);
    font-family: var(--font-sans);
    font-size: 1.0625rem;
    line-height: 1.6;
}

::selection {
    background: var(--accent);
    color: var(--accent-foreground);
}

.platzhalter {
    max-width: 42.5rem;
    margin: 0 auto;
    padding: 6rem 1rem;
}

.wortmarke {
    display: block;
    height: 1.75rem;
    width: auto;
    margin-bottom: 3rem;
}

h1 {
    margin: 0 0 1.5rem;
    font-size: clamp(2.5rem, 5.4vw, 4.25rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
    font-weight: 700;
    text-wrap: balance;
}

p {
    margin: 0 0 1rem;
    hyphens: auto;
}

a {
    color: var(--primary);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

a:hover {
    text-decoration-thickness: 2px;
}

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

@media (min-width: 40rem) {
    .platzhalter { padding-inline: 1.5rem; }
}