/* Gusi Studios legal pages.
   Tokens lifted verbatim from apps/web/app/globals.css so these pages look like
   the app they belong to even after the web app is retired. Light is the bare
   :root; dark is redefined twice, once behind prefers-color-scheme guarded with
   :not([data-theme="light"]), and once for an explicit [data-theme="dark"]. */
:root {
  --bg: #eef1f7;
  --border: #dae0ea;
  --text: #1b2231;
  --text-soft: #3a4557;
  --text-muted: #576174;
  --accent-soft: #4338ca;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0b0f19;
    --border: #232b3d;
    --text: #e2e8f0;
    --text-soft: #cbd5e1;
    --text-muted: #94a3b8;
    --accent-soft: #818cf8;
  }
}
:root[data-theme="dark"] {
  --bg: #0b0f19;
  --border: #232b3d;
  --text: #e2e8f0;
  --text-soft: #cbd5e1;
  --text-muted: #94a3b8;
  --accent-soft: #818cf8;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
}
main {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 20px 96px;
}
h1 { font-size: 30px; font-weight: 700; margin: 0 0 4px; text-wrap: balance; }
.sub { color: var(--text-muted); margin-top: 0; }
section { margin-top: 36px; }
h2 {
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--border);
  text-wrap: balance;
}
h3 {
  font-size: 17px;
  font-weight: 650;
  margin: 24px 0 6px;
  color: var(--text-soft);
}
ul { padding-left: 22px; margin: 10px 0; }
li { margin-bottom: 6px; }
a { color: var(--accent-soft); }
a:focus-visible { outline: 2px solid var(--accent-soft); outline-offset: 2px; }

/* The index card list, used only on / */
.links { list-style: none; padding: 0; margin: 24px 0 0; }
.links li { margin-bottom: 12px; }
.links a { font-weight: 600; }