/* The Manual's colors and type, from this look's tokens. It loads after manual.css. */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  --page: var(--room);
  --panel: var(--room-2);
  --muted: var(--ink-2);
  --accent: var(--signal);
  --code-bg: var(--room-2);
  --code-ink: var(--ink);
  --tip: var(--room-2);
  --tip-line: var(--line);
  --svg-ink: var(--ink);
}
@media screen {
  body { font-family: var(--text); }
  main h1, main h2, main h3 { font-family: var(--display); font-weight: 400; letter-spacing: 0.005em; }
  main h1 { font-size: clamp(52px, 12vw, 96px); line-height: 0.95; text-transform: uppercase; }
  main h2 { font-size: clamp(32px, 7vw, 48px); line-height: 1; }
}