/* Shared by the legal and support pages. Same "Paper & Plate" tokens as the app (DESIGN.md). */
:root {
  --paper: #FBFAF7;
  --ink: #1A1917;
  --ink-secondary: #6B6760;
  --hairline: #E7E3DA;
  --accent: #EF5A2A;
  --link: #B8390F; /* the accent darkened for text: 4.5:1 on paper */
  --font-serif: "New York", ui-serif, "Iowan Old Style", Charter, Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #11110F;
    --ink: #F3F1EC;
    --ink-secondary: #A29E95;
    --hairline: #2B2A26;
    --accent: #FF6D42;
    --link: #FF8A66;
  }
}

* { box-sizing: border-box; }

html, body { margin: 0; padding: 0; background: var(--paper); color: var(--ink); }

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.6;
  padding: 0 20px;
}

.site-header, .doc, .site-footer { max-width: 680px; margin: 0 auto; }

.site-header { padding: 28px 0 8px; }

.wordmark {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: var(--ink);
  text-decoration: none;
}

.doc { padding: 24px 0 48px; }

h1 {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: clamp(28px, 7vw, 34px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin: 0 0 16px;
}

h2 {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 20px;
  margin: 32px 0 8px;
}

p, ul { margin: 0 0 16px; }
ul { padding-left: 22px; }
li { margin-bottom: 8px; }

.note { font-size: 14px; color: var(--ink-secondary); }

a { color: var(--link); text-underline-offset: 2px; }

.site-footer {
  border-top: 1px solid var(--hairline);
  padding: 20px 0 40px;
  font-size: 14px;
  color: var(--ink-secondary);
}
.site-footer a { color: var(--ink-secondary); }