/* The privacy policy and terms pages: the app's colors and type, on a plain readable page. */
:root {
  --bg: #f1edf7; --surface: #ffffff; --ink: #1f1830; --ink-soft: #6b6080; --line: #d5cce3; --accent: #ff4f7b;
  --font-display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #120f1a; --surface: #1c1727; --ink: #f3eefa; --ink-soft: #a79dbb; --line: #3a3150; --accent: #ff6a90; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 var(--font-body); }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
.brand { display: inline-flex; align-items: baseline; color: var(--ink); text-decoration: none; font: 800 1rem var(--font-display); letter-spacing: 0.02em; text-transform: uppercase; }
.brand b { color: var(--accent); }
.eyebrow { margin: 40px 0 8px; font: 600 0.7rem/1 var(--font-mono); text-transform: uppercase; letter-spacing: 0.14em; color: var(--ink-soft); }
h1 { margin: 0; font: 800 clamp(2rem, 7vw, 3rem)/1.05 var(--font-display); letter-spacing: -0.02em; }
h2 { margin: 36px 0 8px; font: 700 1.3rem/1.2 var(--font-display); }
p, li { color: var(--ink); }
.soft { color: var(--ink-soft); }
a { color: var(--ink); text-decoration-color: var(--accent); text-underline-offset: 3px; }
strong { color: var(--accent); }
.card { margin-top: 24px; padding: 18px 20px; background: var(--surface); border: 2px solid var(--line); border-radius: 18px; }
ul { padding-left: 20px; }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: 0.9rem; }