:root {
  --action: #2269CF; --action: color(xyz-d65 calc(170/1000) calc(150/1000) calc(610/1000));
  --bad: #BF4035; --bad: color(xyz-d65 calc(240/1000) calc(150/1000) calc(50/1000));
  --ink: #1C191A; --ink: color(xyz-d65 calc(10/1000) calc(10/1000) calc(11/1000));
  --knownname: #8D48D3; --knownname: color(xyz-d65 calc(250/1000) calc(150/1000) calc(630/1000));
  --law: #AB5406; --law: color(xyz-d65 calc(200/1000) calc(150/1000) calc(20/1000));
  --line: #D2D2D2; --line: color(xyz-d65 calc(613/1000) calc(645/1000) calc(702/1000));
  --localtype: #00749E; --localtype: color(xyz-d65 calc(124/1000) calc(150/1000) calc(346/1000));
  --mist: #EFEFEF; --mist: color(xyz-d65 calc(822/1000) calc(865/1000) calc(942/1000));
  --muted: #868686; --muted: color(xyz-d65 calc(228/1000) calc(240/1000) calc(261/1000));
  --ok: #007D36; --ok: color(xyz-d65 calc(80/1000) calc(150/1000) calc(60/1000));
  --paper: #F9F9F9; --paper: color(xyz-d65 calc(898/1000) calc(945/1000) calc(1029/1000));
  --seam: #909090; --seam: color(xyz-d65 calc(264/1000) calc(278/1000) calc(303/1000));
  --select: #D7D7D7; --select: color(xyz-d65 calc(646/1000) calc(680/1000) calc(740/1000));
}
:root[data-theme="dark"] {
  --action: #9DADD7; --action: color(xyz-d65 calc(412/1000) calc(419/1000) calc(705/1000));
  --bad: #E39F60; --bad: color(xyz-d65 calc(461/1000) calc(419/1000) calc(168/1000));
  --ink: #CECFCF; --ink: color(xyz-d65 calc(590/1000) calc(621/1000) calc(676/1000));
  --knownname: #B9A5D6; --knownname: color(xyz-d65 calc(454/1000) calc(419/1000) calc(691/1000));
  --law: #E4A03B; --law: color(xyz-d65 calc(454/1000) calc(419/1000) calc(98/1000));
  --line: #403F3F; --line: color(xyz-d65 calc(48/1000) calc(50/1000) calc(54/1000));
  --localtype: #2BBECF; --localtype: color(xyz-d65 calc(307/1000) calc(419/1000) calc(656/1000));
  --mist: #2F3131; --mist: color(xyz-d65 calc(28/1000) calc(30/1000) calc(33/1000));
  --muted: #878788; --muted: color(xyz-d65 calc(232/1000) calc(244/1000) calc(266/1000));
  --ok: #24C75B; --ok: color(xyz-d65 calc(230/1000) calc(419/1000) calc(168/1000));
  --paper: #1C191A; --paper: color(xyz-d65 calc(10/1000) calc(10/1000) calc(11/1000));
  --seam: #6B6B6B; --seam: color(xyz-d65 calc(140/1000) calc(147/1000) calc(160/1000));
  --select: #383839; --select: color(xyz-d65 calc(38/1000) calc(40/1000) calc(44/1000));
}
:root {
  --tight: calc(var(--u) * 1);
  --snug: calc(var(--u) * 2);
  --near: calc(var(--u) * 3);
  --step: calc(var(--u) * 4);
  --room: calc(var(--u) * 5);
  --apart: calc(var(--u) * 6);
  --edge: calc(var(--u) * 7);
  --wide: calc(var(--u) * 8);
  --indent: calc(var(--u) * 14);
}
:root {
  --brand: 600 15px/1.2 -apple-system,sans-serif;
  --caption: 11px/1.4 -apple-system,sans-serif;
  --captionbare: 11px -apple-system,sans-serif;
  --captionline: 11px/1.45 -apple-system,sans-serif;
  --captionloose: 11px/1.5 -apple-system,sans-serif;
  --codeinline: 12px/1.4 ui-monospace,Menlo,monospace;
  --control: 13px -apple-system,sans-serif;
  --controlsmall: 12.5px -apple-system,sans-serif;
  --fact: 12.5px/1.45 ui-monospace,Menlo,monospace;
  --factbare: 12.5px ui-monospace,Menlo,monospace;
  --factfirm: 600 12.5px/1.45 ui-monospace,Menlo,monospace;
  --headline: 600 15px/1.3 -apple-system,sans-serif;
  --headsmall: 600 13px/1 -apple-system,sans-serif;
  --keycap: 11px ui-monospace,Menlo,monospace;
  --monoline: 11px/1.45 ui-monospace,Menlo,monospace;
  --prose: 13px/1.5 -apple-system,sans-serif;
  --proseloose: 13px/1.6 -apple-system,sans-serif;
  --rubric: 600 11px/1.4 -apple-system,sans-serif;
  --source: 12.5px/1.52 ui-monospace,Menlo,monospace;
  --speech: 13px/1.45 -apple-system,sans-serif;
  --mono: ui-monospace,Menlo,monospace;
  --sans: -apple-system,sans-serif;
}