/* Farben wie in der App (app/src/farben.ts, Figma-Sammlung «orasimul»). */
:root { --grund: #FBFAF8; --flaeche: #F1EEE9; --text: #1F1D1A; --leise: #7A746B; --linie: #DDD7CE; --akzent: #3B4F7A; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--grund); color: var(--text); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 64px 20px 48px; }
h1 { font-size: 40px; line-height: 1.1; margin: 0 0 4px; }
h2 { font-size: 20px; margin: 36px 0 8px; }
p, li { color: var(--text); }
.leise { color: var(--leise); }
a { color: var(--akzent); }
footer { margin-top: 56px; padding-top: 16px; border-top: 1px solid var(--linie); font-size: 14px; color: var(--leise); }
.karte { background: var(--flaeche); border-radius: 16px; padding: 18px 20px; margin: 24px 0; }