/* Tokens mirror packages/ui/src/theme.css ("adobe at dusk"), as the landing page does. */
:root { --paper:#faf8f4; --surface:#ffffff; --mist:#eceae3; --ink:#22382e; --ink-soft:#52665c;
  --accent:#b32b5c; --accent-wash:#f9e9ef; --display:"Lexend",system-ui,sans-serif;
  --body:"Atkinson Hyperlegible",system-ui,sans-serif; --measure:40rem; }
* { box-sizing:border-box; }
html { background:var(--paper); color:var(--ink); }
body { margin:0; font-family:var(--body); font-size:1.0625rem; line-height:1.65; }
a { color:var(--accent); text-underline-offset:3px; }
.top { max-width:var(--measure); margin:0 auto; padding:1.75rem 1.5rem 0; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:inline-flex; align-items:center; gap:.55rem; font-family:var(--display); font-weight:800; font-size:1.125rem; color:var(--ink); text-decoration:none; }
.dots { display:inline-flex; gap:3px; } .dots i { width:7px; height:7px; border-radius:50%; background:var(--accent); display:block; } .dots i:last-child { background:var(--ink); }
.lang { font-family:var(--display); font-size:.9375rem; color:var(--ink-soft); }
.doc { max-width:var(--measure); margin:0 auto; padding:1.5rem 1.5rem 4rem; }
.docnav { display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; font-size:.9375rem; margin:1rem 0 1.75rem; }
.docnav a { color:var(--ink-soft); text-decoration:none; } .docnav a[aria-current="page"] { color:var(--ink); font-weight:700; text-decoration:underline; }
.draft { border:2px solid var(--accent); background:var(--accent-wash); color:var(--accent); border-radius:10px; padding:.75rem 1rem; font-family:var(--display); font-size:.9375rem; font-weight:600; }
h1 { font-family:var(--display); font-weight:800; font-size:clamp(1.9rem,4vw,2.5rem); line-height:1.15; letter-spacing:-.01em; margin:1.5rem 0 .75rem; text-wrap:balance; }
h2 { font-family:var(--display); font-weight:600; font-size:1.25rem; margin:2.25rem 0 .5rem; text-wrap:balance; }
.intro { font-size:1.125rem; color:var(--ink-soft); }
.table { overflow-x:auto; margin-top:2rem; }
table { width:100%; min-width:36rem; border-collapse:collapse; font-size:.9375rem; }
th, td { text-align:left; vertical-align:top; padding:.7rem 1rem .7rem 0; border-bottom:1px solid var(--mist); }
thead th { font-family:var(--display); font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); border-bottom:2px solid var(--mist); }
tbody th { font-family:var(--display); font-weight:600; } td { color:var(--ink-soft); } td:last-child { color:var(--ink); }
footer { margin-top:3.5rem; padding-top:1.25rem; border-top:1px solid var(--mist); font-size:.9375rem; color:var(--ink-soft); }