/* =============================================================
   Platzhalter-Optik. Wird durch die eigentliche Seite ersetzt.

   Alle Farben stehen zentral hier oben – Lehre aus web7: Werte
   gehören in :root, nicht in eine Theme-Klasse, sonst steht die
   Seite ohne diese Klasse weiß auf weiß da.
   ============================================================= */

:root {
  --flaeche:  #15161a;
  --schrift:  #e8e6e3;
  --gedaempft:#8b8985;
  --akzent:   #d98c3f;
  --radius:   12px;
}

* { box-sizing: border-box; }

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

body {
  display: grid;
  place-items: center;
  padding: 2rem;
  background: var(--flaeche);
  color: var(--schrift);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
}

main {
  max-width: 34rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius);
  padding: clamp(1.5rem, 5vw, 3rem);
}

h1 {
  margin: 0 0 0.5rem;
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  color: var(--akzent);
}

p {
  margin: 0;
  color: var(--gedaempft);
}