/* Styling for Geranium's small static pages (sign-in return, privacy, download). */
:root { --bg: #f4f1ea; --card: #fdfcf9; --text: #1f2a22; --muted: #56615a; --green: #2f6b4f; --pink: #c7354f; }
@media (prefers-color-scheme: dark) { :root { --bg: #161917; --card: #1f2320; --text: #e8ede9; --muted: #a8b3ab; --green: #7cc49c; --pink: #f2869a; } }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 640px; margin: 32px auto; padding: 0 16px; }
.card { background: var(--card); border-radius: 16px; padding: 20px 24px; margin-bottom: 16px; }
h1 { font-size: 24px; margin: 0 0 8px; }
h2 { font-size: 18px; margin: 20px 0 6px; }
p, li { color: var(--muted); }
strong { color: var(--text); }
a { color: var(--green); }
a.button { display: inline-block; margin: 6px 8px 6px 0; padding: 10px 18px; background: var(--green); color: #fff; border-radius: 10px; font-weight: 600; text-decoration: none; }
a.button.secondary { background: transparent; color: var(--green); border: 1px solid var(--green); }
@media (prefers-color-scheme: dark) { a.button { color: #10180f; } a.button.secondary { color: var(--green); } }
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.brand img { width: 44px; height: 44px; }
.small { font-size: 14px; }
code { font-size: 14px; }