/* Shared styling for the standalone pages (terms, privacy, support, account deletion), matching the app's palette in lib/core/theme.dart. No webfont is loaded on purpose. These pages are linked from the App Store listing and from the privacy policy itself, and pulling a font from a CDN would send every visitor's IP to that provider — a third-party transfer we would then have to disclose on the very page describing our processors. The system stack below keeps Rubik first, so it is used where it happens to be installed. */ :root { color-scheme: dark; /* AppColors, kept in step with lib/core/theme.dart. The accent is the app's default petrol: these pages are served before sign-in and cannot know a gym's chosen color. */ --bg: #241C15; --surface: #33291E; --text: #F7F1E8; --muted: #BCAD9A; --outline: #554634; --accent: #2F9E96; --highlight: #D9A24C; } body { margin: 0; background: var(--bg); color: var(--text); font-family: Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; line-height: 1.7; /* Direction comes from , not from here: these pages exist in Hebrew and English and share this stylesheet. Everything below uses logical properties (padding-inline-start, margin-inline-end) so the same rules lay out both. */ -webkit-text-size-adjust: 100%; } .wrap { max-width: 720px; margin: 0 auto; padding: 40px 24px 80px; } @media (max-width: 520px) { .wrap { padding: 28px 18px 64px; } } /* The app name above the document title, the way the app bar carries it. */ .wordmark { color: var(--accent); font-weight: 700; font-size: 0.95rem; letter-spacing: 0.02em; margin-bottom: 10px; } h1 { color: var(--text); font-size: 1.9rem; font-weight: 700; line-height: 1.25; margin: 0 0 6px; text-wrap: balance; } /* A hairline above each section, echoing the divided rows in the app rather than shouting the heading in a second colour. */ h2 { color: var(--accent); font-size: 1.15rem; font-weight: 600; margin: 36px 0 10px; padding-top: 24px; border-top: 1px solid var(--outline); } .updated { color: var(--muted); font-size: 0.95rem; margin-bottom: 4px; } p { margin: 12px 0; } ul, ol { padding-inline-start: 22px; margin: 12px 0; } li { margin: 8px 0; } b, strong { color: var(--text); font-weight: 600; } a { color: var(--accent); text-underline-offset: 3px; } a:hover { text-decoration-thickness: 2px; } a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 3px; } ::selection { background: var(--accent); color: var(--bg); } /* Secondary asides — used on the account-deletion page. */ .note { color: var(--muted); font-size: 0.95rem; } /* A raised block for anything that needs to stand out from the prose, matching the app's cards: surface fill, hairline border, 14px radius. */ .callout { background: var(--surface); border: 1px solid var(--outline); border-radius: 14px; padding: 16px 18px; margin: 20px 0; } /* Cross-links between the documents, sitting below a final hairline. */ .docnav { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--outline); color: var(--muted); font-size: 0.95rem; } .docnav a { margin-inline-end: 18px; }