/* Shared styles for the privacy policy and terms pages. Same tokens as the app. */
:root {
  --bg: #F6F2F5; --surface: #FFFFFF; --fg: #2A1B2E; --muted: #6C5B70; --line: #E0D5DD;
  --accent: #8C2F5E; --accent-soft: #F4DDE8;
  --f-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --f-body: "Figtree", "Avenir Next", "Segoe UI", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg: #18111A; --surface: #231925; --fg: #F4ECF5; --muted: #B4A3B8; --line: #3A2C3E; --accent: #E583B1; --accent-soft: #42243A; color-scheme: dark; }
}
:root[data-theme="dark"] { --bg: #18111A; --surface: #231925; --fg: #F4ECF5; --muted: #B4A3B8; --line: #3A2C3E; --accent: #E583B1; --accent-soft: #42243A; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--fg); font: 16px/1.6 var(--f-body); }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 64px; }
header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
header a.home { font-family: var(--f-display); font-weight: 700; color: var(--fg); text-decoration: none; }
nav.lang { display: flex; gap: 8px; }
nav.lang a { padding: 6px 12px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); color: var(--fg); text-decoration: none; font-weight: 600; font-size: 14px; }
h1, h2 { font-family: var(--f-display); line-height: 1.2; }
h1 { font-size: clamp(1.8rem, 5vw, 2.4rem); margin: 24px 0 4px; }
h2 { font-size: 1.2rem; margin: 32px 0 8px; }
section.doc { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 8px 24px 24px; margin-top: 24px; }
.meta { color: var(--muted); margin: 0 0 8px; }
.box { background: var(--accent-soft); border-radius: 10px; padding: 12px 16px; }
a { color: var(--accent); }
ul { padding-left: 1.2em; }
footer { color: var(--muted); font-size: 14px; margin-top: 32px; }