/* ============================================================================
   OneWeave — shared styles for the document pages (privacy, terms,
   delete-account).

   Tokens are the same set the landing page inlines, mirrored from the Figma
   variable collection (Weave App, node 175151:45511). The landing page keeps
   its CSS inline because it is one render-blocking request on the critical
   path; these pages share this file instead, so a palette change is one edit.
   Keep the two token blocks in sync.
   ============================================================================ */

:root{
  --text-strong-950:#111111;
  --text-sub-600:#585450;
  --text-soft-400:#7a756f;
  --text-white-0:#fbf8f5;

  --bg-white-0:#fbf8f5;
  --static-white:#ffffff;

  --stroke-soft-100:#f1eeea;
  --neutral-ink-50:#f5f2ee;
  --neutral-ink-200:#e3e0db;

  --coral:#f2664b;
  --coral-200:#fdd1c5;

  --radius-8:8px;   --radius-10:10px; --radius-14:14px;
  --radius-20:20px; --radius-24:24px; --radius-full:999px;

  --font-display:'Poppins',system-ui,-apple-system,sans-serif;
  --font-body:'Figtree',system-ui,-apple-system,sans-serif;

  --shadow-xs:0 1px 2px 0 rgba(10,13,20,.03);
  --doc:820px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--static-white);
  color:var(--text-sub-600);
  font-family:var(--font-body);
  font-size:16.5px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"calt" 0,"liga" 0;
}
img{display:block;max-width:100%}
a{color:var(--coral);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--doc);margin:0 auto;padding:0 22px}

/* --- top bar --------------------------------------------------------------
   Mirrors the landing page's nav lockup: 28px mark + wordmark at a 8.4px gap. */
header.bar{
  position:sticky;top:0;z-index:5;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 -1px 0 0 var(--stroke-soft-100);
}
header.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:inline-flex;align-items:center;gap:8.4px;height:28px}
.brand:hover{text-decoration:none}
.brand .tile{width:28px;height:28px}
.brand .word{width:107.719px;height:13.7px}
.back{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-body);font-weight:500;font-size:14px;line-height:20px;
  letter-spacing:-.084px;color:var(--text-strong-950);
  padding:8px 14px;border-radius:var(--radius-24);
  box-shadow:inset 0 0 0 1px var(--stroke-soft-100);
  transition:background-color .2s ease,transform .2s cubic-bezier(.2,.7,.2,1);
}
.back:hover{background:var(--neutral-ink-50);text-decoration:none;transform:translateY(-1px)}

/* --- document -------------------------------------------------------------- */
main{padding:56px 0 32px}
h1,h2,h3{font-family:var(--font-display);color:var(--text-strong-950);
  font-feature-settings:"ss11" 1,"calt" 0,"liga" 0}
h1{font-weight:700;font-size:44px;line-height:1.15;letter-spacing:-.5px;margin:0 0 10px}
.meta{
  color:var(--text-soft-400);font-size:14.5px;line-height:1.6;
  margin:0 0 4px;padding-bottom:24px;
  border-bottom:1px solid var(--stroke-soft-100);
}
.meta strong{color:var(--text-strong-950)}
h2{font-weight:600;font-size:24px;line-height:1.3;letter-spacing:-.3px;margin:44px 0 12px}
h3{font-weight:600;font-size:18px;line-height:1.4;letter-spacing:-.2px;margin:28px 0 8px}
p{margin:14px 0}
ul,ol{margin:14px 0;padding-left:24px}
li{margin:8px 0}
li::marker{color:var(--coral)}
strong{color:var(--text-strong-950);font-weight:600}
hr{border:none;border-top:1px solid var(--stroke-soft-100);margin:32px 0}
blockquote{
  margin:20px 0;padding:16px 20px;
  background:var(--bg-white-0);border-left:3px solid var(--coral);
  border-radius:0 var(--radius-10) var(--radius-10) 0;color:var(--text-sub-600);
}
blockquote p:first-child{margin-top:0}
blockquote p:last-child{margin-bottom:0}
code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;
  background:var(--neutral-ink-50);color:var(--text-strong-950);
  padding:2px 6px;border-radius:6px;
}

/* Wide tables scroll inside their own box rather than the page. */
.table-scroll{overflow-x:auto;margin:20px 0}
table{border-collapse:collapse;width:100%;margin:20px 0;font-size:15px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--stroke-soft-100);vertical-align:top}
th{
  font-family:var(--font-display);font-weight:600;font-size:13px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong-950);
  background:var(--neutral-ink-50);
}
tr:last-child td{border-bottom:none}

/* --- footer ---------------------------------------------------------------- */
footer{
  margin-top:56px;padding:32px 0 44px;
  background:var(--bg-white-0);
  box-shadow:inset 0 1px 0 0 var(--stroke-soft-100);
  color:var(--text-soft-400);font-size:14px;line-height:1.6;
}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.foot-links a{color:var(--text-sub-600)}
.foot-links a:hover{color:var(--coral)}

@media (max-width:640px){
  h1{font-size:34px}
  h2{font-size:21px}
  main{padding:40px 0 24px}
  header.bar .wrap{height:64px}
  footer .wrap{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .back:hover{transform:none}
}