/* The privacy and terms pages: the landing page's colours and fonts, readable long text */
:root { --bg: #fafaf9; --ink: #1c1917; --muted: #78716c; --line: #e7e5e4; --accent: #f64c64; }
@media (prefers-color-scheme: dark) { :root { --bg: #141211; --ink: #fafaf9; --muted: #a8a29e; --line: #292524; --accent: #ff6b80; } }
* { box-sizing: border-box; margin: 0; }
body { background: var(--bg); color: var(--ink); font: 400 16px/1.7 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
header, footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px clamp(16px, 5vw, 48px); }
.logo { font: 600 22px/1 Outfit, Inter, sans-serif; letter-spacing: -0.02em; color: var(--ink); text-decoration: none; }
.logo span { color: var(--accent); }
.langs { display: flex; gap: 12px; font-size: 14px; }
.langs a { color: var(--muted); text-decoration: none; }
.langs a[aria-current="page"] { color: var(--ink); font-weight: 500; }
.legal { max-width: 720px; margin: 0 auto; padding: 24px clamp(16px, 5vw, 48px) 64px; overflow-wrap: break-word; hyphens: auto; }
.legal h1 { font: 500 clamp(28px, 5vw, 40px)/1.15 Outfit, Inter, sans-serif; letter-spacing: -0.02em; margin-bottom: 16px; }
.legal h2 { font: 500 22px/1.3 Outfit, Inter, sans-serif; margin: 40px 0 12px; }
.legal h3 { font: 500 17px/1.4 Inter, sans-serif; margin: 24px 0 8px; }
.legal p, .legal ul { margin-bottom: 14px; color: var(--ink); }
.legal ul { padding-left: 22px; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--accent); }
footer { justify-content: center; color: var(--muted); font-size: 13px; border-top: 1px solid var(--line); }
footer a { color: var(--muted); }