html[data-theme='light'] {
  color-scheme: light;
  --page-bg: #f7f5f2;
  --surface: #ffffff;
  --text-primary: #0f1b3d;
  --text-secondary: #3d4a6b;
  --brand-primary: #6d28d9;
  --border-subtle: rgba(15, 27, 61, 0.12);
}

html[data-theme='dark'] {
  color-scheme: dark;
  --page-bg: #07102b;
  --surface: #0d1736;
  --text-primary: #f2f4ff;
  --text-secondary: #b4bdd9;
  --brand-primary: #a78bfa;
  --border-subtle: rgba(180, 189, 217, 0.16);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Manrope, system-ui, sans-serif;
  background: var(--page-bg);
  color: var(--text-primary);
  line-height: 1.65;
}

.legal {
  max-width: 720px;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 4rem;
}

.legal a {
  color: var(--brand-primary);
}

.legal h1,
.legal h2 {
  font-family: Syne, system-ui, sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.legal h2 {
  margin-top: 2rem;
}

.legal p {
  color: var(--text-secondary);
}