/* Shared by index.html and confirmed.html. The palette is lifted verbatim from
   privacy.html, which took it from the app's own tokens (app/lib/theme.ts, `hc`)
   — the night browns are the product's identity, and the light theme is a warm
   paper derived from the same hues, not an inversion. Three pages that disagree
   about the accent would read as three different projects. privacy.html keeps
   its own copy inline on purpose: it is a self-contained document that has to
   survive being handed to a store reviewer as one file. */
:root {
  --ground:      #F5EFE6;
  --raised:      #FBF7F1;
  --well:        #EDE4D7;
  --line:        #DDCFBC;
  --line-soft:   #E8DDCD;
  --ink:         #2B1F16;
  --ink-soft:    #6B5947;
  --ink-faint:   #8B7A64;
  --accent:      #9A5C28;
  --accent-soft: #B98047;
  --good:        #4E6B44;
  --shadow:      rgba(43, 31, 22, 0.10);
}
:root:not([data-theme="light"]) { color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground:      #0C0806;
    --raised:      #1F1712;
    --well:        #1B120C;
    --line:        #3A2C1F;
    --line-soft:   #2C2118;
    --ink:         #EDE0D0;
    --ink-soft:    #A8927B;
    --ink-faint:   #8B7A64;
    --accent:      #CE8F5E;
    --accent-soft: #B98047;
    --good:        #9BB08C;
    --shadow:      rgba(0, 0, 0, 0.45);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ground:      #0C0806;
  --raised:      #1F1712;
  --well:        #1B120C;
  --line:        #3A2C1F;
  --line-soft:   #2C2118;
  --ink:         #EDE0D0;
  --ink-soft:    #A8927B;
  --ink-faint:   #8B7A64;
  --accent:      #CE8F5E;
  --accent-soft: #B98047;
  --good:        #9BB08C;
  --shadow:      rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}

/* Same split as privacy.html: serif to read, sans for labels. */
body {
  background: var(--ground);
  color: var(--ink);
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 17px;
  line-height: 1.68;
  margin: 0;
  padding: 0 24px 96px;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 30rem; margin: 0 auto; }

.eyebrow {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 11.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-faint);
  margin: 0 0 18px;
}
h1 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0 0 18px;
}
p { margin: 0 0 18px; }
.lede { color: var(--ink-soft); }
.quiet { color: var(--ink-faint); font-size: 15px; }

a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }

header.masthead { padding: 72px 0 0; }

/* A recess cut into the surface, not a card floating on it — the app's `well`. */
.well {
  background: var(--well);
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  padding: 22px 24px;
  margin: 32px 0;
}
.well p:last-child { margin-bottom: 0; }

nav.links { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 40px; }
nav.links a { display: block; margin-bottom: 10px; }

footer {
  border-top: 1px solid var(--line);
  margin-top: 48px;
  padding-top: 24px;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 13px;
  color: var(--ink-faint);
}

@media (max-width: 480px) {
  body { padding: 0 20px 72px; font-size: 16.5px; }
  header.masthead { padding-top: 52px; }
  h1 { font-size: 29px; }
}