/* FAR ECHO's two legal pages (impressum.html, datenschutz.html): plain text on the night of the page's foot, the same
   faces and colours as index.html, nothing else. */
@font-face { font-family: "Lora"; src: url("assets/fonts/Lora-Variable.woff2?v=16a") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("assets/fonts/Poppins-Regular.woff2?v=16a") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("assets/fonts/Poppins-Bold.woff2?v=16a") format("woff2"); font-weight: 700; font-display: swap; }
:root { color-scheme: dark; --night: #131433; --ink: #140a16; --moon: #f4f0d8; --lilac: #b6b1e6; --gold: #f2b83c; --cyan: #7af2ff;
  --display: "Lora", Georgia, "Times New Roman", serif; --body: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--night); color: #d8d5ee; font: 400 1rem/1.65 var(--body); }
main { max-width: 720px; margin-inline: auto; padding: clamp(32px, 6vw, 72px) 16px 56px; }
.back { color: var(--lilac); font-size: .9rem; text-decoration: none; }
.back:hover { color: var(--gold); }
h1 { font: 600 clamp(2rem, 1.4rem + 2.4vw, 3rem)/1.1 var(--display); color: var(--moon); margin: 20px 0 8px; }
h2 { font: 600 1.25rem/1.3 var(--display); color: var(--moon); margin: 36px 0 8px; }
p, ul { margin: 0 0 12px; }
ul { padding-left: 1.2em; }
.en { color: var(--lilac); font-size: .9rem; }
a { color: var(--cyan); overflow-wrap: anywhere; }
a:hover { color: var(--gold); }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
footer { background: var(--ink); color: var(--lilac); font-size: .9rem; padding: 28px 16px; text-align: center; }
footer a { color: var(--lilac); text-decoration: none; }
footer a:hover { color: var(--gold); }
footer b { color: var(--moon); }