/* Lichtblick – Grundstil (Platzhalter und Textseiten) */

:root {
  --himmel-oben: #2b3f5c;
  --himmel-mitte: #c98b6b;
  --himmel-unten: #f2d8a7;
  --wiese: #3f5a3a;
  --text-hell: #fdf7ec;
  --text-dunkel: #2a2622;
  --papier: #faf6ee;
  --akzent: #8a5a2b;
}

* { box-sizing: border-box; }

html, body { margin: 0; height: 100%; }

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
}

/* --- Platzhalter: Morgendämmerung über einer Wiese ------------------------ */

body.platzhalter {
  height: 100dvh;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: var(--text-hell);
  background:
    linear-gradient(to top, var(--wiese) 0 18%, transparent 18%),
    linear-gradient(to bottom, var(--himmel-oben), var(--himmel-mitte) 62%, var(--himmel-unten) 82%);
}

body.platzhalter main { text-align: center; padding: 0 16px; transform: translateY(-6vh); }

body.platzhalter h1 {
  margin: 0;
  font-weight: 300;
  font-size: clamp(2.4rem, 8vw, 5rem);
  letter-spacing: 0.06em;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

body.platzhalter p { margin: 0.4em 0 0; font-size: clamp(1rem, 2.6vw, 1.3rem); opacity: 0.9; }

.info {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: var(--text-hell);
  font: italic 600 1rem Georgia, serif;
  text-decoration: none;
  opacity: 0.6;
}
.info:hover, .info:focus-visible { opacity: 1; }

/* --- Textseiten (Impressum, Datenschutz) ---------------------------------- */

body.text { background: var(--papier); color: var(--text-dunkel); }
body.text main { max-width: 42rem; margin: 0 auto; padding: 2rem 16px 4rem; }
body.text h1 { font-weight: 400; }
body.text h2 { font-size: 1.1rem; margin-top: 2rem; }
body.text a { color: var(--akzent); }
.klein { font-size: 0.85rem; opacity: 0.7; margin-top: 3rem; }

@media (prefers-color-scheme: dark) {
  body.text { background: #1f1c19; color: #ece5d8; }
  body.text a { color: #d9a46b; }
}