/* Curfew — Ink Paper. Same tokens as DSPalette.inkPaper / .inkPaperLocked in the app. */
:root {
  color-scheme: light dark;
  --paper: #F7F5F1;
  --ink: #12141A;
  --ink-2: #41454F;
  --ink-3: #6B6E78;
  --accent: #2B3A67;
  --hairline: rgba(18, 20, 26, 0.14);
  --card: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0E1013;
    --ink: #F2F4F7;
    --ink-2: #9AA3B8;
    --ink-3: #6B7285;
    --accent: #7E93D8;
    --hairline: rgba(255, 255, 255, 0.14);
    --card: #171A20;
  }
}

* { box-sizing: border-box; }
body {
  max-width: 700px;
  margin: 0 auto;
  padding: 48px 22px 96px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Pretendard Variable",
               system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: var(--ink);
  background: var(--paper);
  -webkit-text-size-adjust: 100%;
}
h1 { font-size: 30px; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 6px; }
h2 { font-size: 19px; letter-spacing: -0.01em; margin: 38px 0 10px; }
h3 { font-size: 16px; margin: 24px 0 6px; }
p, li { color: var(--ink-2); }
strong { color: var(--ink); font-weight: 600; }
a { color: var(--accent); }
ul { padding-left: 20px; }
li { margin: 4px 0; }
.muted { color: var(--ink-3); font-size: 14px; }

/* The one thing worth saying loudly: nothing leaves the device. */
.claim {
  background: var(--card);
  border: 1px solid var(--hairline);
  border-radius: 14px;
  padding: 18px 20px;
  margin: 26px 0;
}
.claim p { margin: 0; color: var(--ink); }

.langs { font-size: 14px; margin: 0 0 30px; }
.langs a { margin-right: 14px; text-decoration: none; }
.langs .here { color: var(--ink-3); margin-right: 14px; }

hr { border: none; border-top: 1px solid var(--hairline); margin: 44px 0 22px; }
footer { color: var(--ink-3); font-size: 14px; }
footer a { color: var(--ink-3); }