/*
 * One stylesheet for the published legal pages. No fonts are fetched and no
 * scripts run: these pages are opened by App Store and Play reviewers, and by
 * residents on slow connections in Lebanon, so they must render instantly and
 * work offline-ish. Colours match the app's theme (src/theme/tokens.ts) and
 * meet WCAG 2.1 AA against the page background.
 */
:root {
  --text: #1b2430;
  --muted: #5b6878;
  --bg: #f6f8fa;
  --surface: #ffffff;
  --primary: #0f7b8a;
  --border: #dde3ea;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 24px 16px 48px;
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

main {
  max-width: 44rem;
  margin: 0 auto;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
}

h1 {
  font-size: 1.75rem;
  line-height: 1.25;
  margin: 0 0 4px;
}

h2 {
  font-size: 1.15rem;
  margin: 32px 0 8px;
}

.meta {
  color: var(--muted);
  font-size: 0.95rem;
  margin: 0 0 24px;
}

.lang {
  text-align: end;
  margin-bottom: 8px;
}

a {
  color: var(--primary);
}

/* A visible focus ring for keyboard and switch users. */
a:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

ul {
  padding-inline-start: 1.25rem;
}

li {
  margin-bottom: 8px;
}

footer {
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 0.95rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --text: #eef2f6;
    --muted: #aebac9;
    --bg: #131a23;
    --surface: #1b2430;
    --primary: #5fc8d6;
    --border: #2b3542;
  }
}

/* invite.html: the one thing to tap. */
a.button {
  display: inline-block;
  padding: 0.8em 1.4em;
  border-radius: 12px;
  background: var(--primary);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}