/* Memetap: gemeinsame Huelle fuer alle 5 Seiten (index, meldung, impressum, datenschutz, admin).
   Form/Future (formfuture.berlin): Lavendel-Duotone-Hintergrund, Jost. Einmal hier, keine Kopien mehr
   in jeder Seite, siehe .gate/befund-emily.md FAIL #4 (Runde 1) und FAIL #11 (Runde 2). */
:root{
  --text:#2B2E34; --text2:#1a1a1a;
  /* --dim war rgba(26,26,26,.45-.5), erreichte nur 2,65-3,27:1 statt 4,5:1 (WCAG AA), siehe Bericht. */
  --dim:#555555;
  --line:rgba(26,26,26,.14);
  --accent:#7E5ED6;
  /* --magenta war #CF369D, Weiss-auf-Magenta lag bei 4,499:1 (knapp unter 4,5:1). Um ~4% abgedunkelt. */
  --magenta:#C63396;
  --yellow:#FFD200;
  --bad:#c0392b;
}
*{box-sizing:border-box}
html{height:100%}
body{
  font-family:'Jost','Futura','Avenir Next',system-ui,sans-serif;color:var(--text);min-height:100%;margin:0;
  background:linear-gradient(100deg,#DCCBFF 0%,#EAD9FF 40%,#FFD9F4 100%) fixed;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}

/* Nur fuer Screenreader sichtbar: ersetzt Platzhalter als Beschriftung von Formularfeldern. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Kopfzeile: Wortmarke + Link zurueck zum Board, auf allen Unterseiten gleich (index.html hat ihre eigene,
   funktional gleichwertige Kopfzeile mit Suche/Login/Wunsch-Buttons). */
.shell-header{position:relative;z-index:1;padding:calc(env(safe-area-inset-top) + 14px) 16px 4px}
.shell-header .shell-logo{display:inline-flex;flex-direction:column;text-decoration:none;color:inherit;
  min-height:44px;justify-content:center}
.shell-logo .shell-logo-title{font-weight:700;font-size:22px;line-height:.92;letter-spacing:-.5px;
  text-transform:uppercase;color:var(--magenta)}
.shell-logo small{display:block;font-weight:500;font-size:9.5px;letter-spacing:1.6px;color:var(--text);margin-top:5px}

/* Fusszeile: Rechte-Hinweis + Links, auf allen 5 Seiten mit denselben Texten aus texts.js. */
.shell-footer{position:relative;z-index:1;padding:26px 16px calc(env(safe-area-inset-bottom) + 20px);
  font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--dim);text-align:center;
  line-height:1.6;max-width:640px;margin:0 auto}
.shell-footer p{margin:2px 0}
.shell-footer .legal-links a{color:var(--dim);text-decoration:underline}

/* Mindestgroesse fuer Touch-Ziele: 44x44px ueberall (Emily FAIL #9, Runde 2). */
button{min-height:44px;min-width:44px}