/* Gemeinsames Stylesheet der Startseite – nur Systemschriften, keine externen Ressourcen */
/* Farben wie die Python-Werkstatt. Dunkel: per System ODER per Wahl in der App (theme.js setzt data-theme) */
:root { --bg:#e9eff5; --card:#fff; --text:#0e1e30; --muted:#56677c; --accent:#0f6c9c; --border:#dbe3ec; --todo-bg:#fff3cd; --todo-fg:#664d03; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg:#07121e; --card:#0e1c2c; --text:#e6edf5; --muted:#8699b0; --accent:#4fb3e0; --border:#1f3349; --todo-bg:#2b230f; --todo-fg:#e6b659; color-scheme: dark; }
}
:root[data-theme="dark"] { --bg:#07121e; --card:#0e1c2c; --text:#e6edf5; --muted:#8699b0; --accent:#4fb3e0; --border:#1f3349; --todo-bg:#2b230f; --todo-fg:#e6b659; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; padding:24px 16px; background:var(--bg); color:var(--text);
       font:16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width:720px; margin:0 auto; }
a { color:var(--accent); }
h1 { font-size:1.9rem; margin:0 0 .3rem; letter-spacing:-.02em; }
main { background:var(--card); border:1px solid var(--border); border-radius:18px; padding:28px 32px; box-shadow:0 10px 28px -14px rgba(8,29,51,.3); }
@media (max-width:600px) { main { padding:20px 18px; } }
h2 { font-size:1.2rem; margin:2rem 0 .4rem; }
.todo { background:var(--todo-bg); color:var(--todo-fg); padding:0 .3em; border-radius:4px; }
footer.legal { max-width:720px; margin:3rem auto 0; color:var(--muted); font-size:.85rem; }
footer.legal a { color:var(--muted); margin-right:1rem; }