:root,
[data-theme="light"] {
  --legal-bg: #F2F2F4;
  --legal-surface: #FFFFFF;
  --legal-text: #0A0A12;
  --legal-copy: rgba(10,10,18,.68);
  --legal-muted: rgba(10,10,18,.5);
  --legal-border: rgba(10,10,18,.09);
  --legal-link: #3D74D6;
}

[data-theme="dark"] {
  --legal-bg: #0A0A0C;
  --legal-surface: #121216;
  --legal-text: #F5F5F7;
  --legal-copy: rgba(245,245,247,.68);
  --legal-muted: rgba(245,245,247,.5);
  --legal-border: rgba(255,255,255,.09);
  --legal-link: #5B97E8;
}

html { color-scheme: light dark; }

body.legal-page {
  padding: 0 0 72px;
  background: var(--legal-bg);
  color: var(--legal-copy);
  transition: background .25s ease, color .25s ease;
}

body.legal-page > .container {
  max-width: 760px;
  padding: 80px 20px 0;
}

body.legal-page .back { color: var(--legal-muted); }
body.legal-page .back:hover { color: var(--legal-text); }
body.legal-page header { border-bottom-color: var(--legal-border); }
body.legal-page .logo-row { display: none; }
body.legal-page h1,
body.legal-page h2,
body.legal-page .contact-box .studio { color: var(--legal-text); }
body.legal-page h2 { border-bottom-color: var(--legal-border); }
body.legal-page h3,
body.legal-page strong { color: color-mix(in srgb, var(--legal-text) 92%, transparent); }
body.legal-page p,
body.legal-page li,
body.legal-page .intro { color: var(--legal-copy); }
body.legal-page .updated { color: var(--legal-muted); }
body.legal-page a { color: var(--legal-link); text-decoration-color: color-mix(in srgb, var(--legal-link) 40%, transparent); }
body.legal-page a:hover { text-decoration-color: var(--legal-link); }
body.legal-page .note,
body.legal-page .contact-box {
  border-color: var(--legal-border);
  background: var(--legal-surface);
  color: var(--legal-copy);
}
body.legal-page .steps li::before {
  border-color: var(--legal-border);
  color: var(--legal-text);
  background: var(--legal-surface);
}

@media (max-width: 760px) {
  body.legal-page > .container { padding-top: 72px; }
}