/* Lavender's website (T80): the app's paper, ink and lavender (DESIGN.md), light and dark. */
:root { --paper: #F5F1EA; --ink: #221C2B; --muted: #6E6678; --accent: #56428A; --rule: #E2DCD2; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #17141C; --ink: #EEE8DE; --muted: #A79FB2; --accent: #B9A9D9; --rule: #2C2734; }
}
html { background: var(--paper); color: var(--ink); }
body { margin: 0 auto; max-width: 680px; padding: 32px 20px 64px;
       font: 17px/1.7 -apple-system, "SF Arabic", "Geeza Pro", "Noto Naskh Arabic", system-ui, sans-serif; }
nav.languages { text-align: center; margin-bottom: 24px; }
nav.languages a { margin: 0 8px; }
a { color: var(--accent); }
h1 { font-size: 28px; line-height: 1.3; margin: 0 0 12px; }
h2 { font-size: 19px; margin: 28px 0 4px; color: var(--accent); }
p { margin: 0 0 8px; }
.icon { display: block; width: 112px; height: 112px; margin: 8px auto 20px; }
.lead { font-size: 20px; }
.muted { color: var(--muted); }
.links { margin-top: 24px; }
.links a { margin-inline-end: 16px; white-space: nowrap; }
article + article { border-top: 1px solid var(--rule); margin-top: 48px; padding-top: 40px; }
footer { margin-top: 48px; text-align: center; font-size: 14px; color: var(--muted); }