/* Typography, radii and easing from the Migration Tool, tokens renamed to the ds prefix. */
:root { --ds-text: 14px; }
:root[data-theme="system"] { color-scheme: light dark; }
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
:focus-visible { outline: 2px solid var(--ds-focus); outline-offset: 2px; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font: var(--ds-text)/1.6 var(--ds-font); background: var(--ds-surface-base); color: var(--ds-text-secondary); -webkit-font-smoothing: antialiased; overflow-x: clip; }
a { color: var(--ds-brand-fg); }
h1, h2, h3 { font-family: var(--ds-display); color: var(--ds-text-primary); margin: 0 0 12px; line-height: 1.25; font-weight: 600; }
/* Docs h1 is 32px; the Migration Tool app h1 is 36px. */
h1 { font-size: calc(var(--ds-text) * 32 / 14); letter-spacing: -0.01em; }
h2 { font-size: calc(var(--ds-text) * 21 / 14); }
h3 { font-size: calc(var(--ds-text) * 16 / 14); }
code, .mono { font-family: var(--ds-mono); font-size: 0.9em; color: var(--ds-text-primary); overflow-wrap: anywhere; }
[hidden] { display: none !important; }
html { scroll-padding-bottom: calc(var(--ds-dock-h) + 16px); scroll-padding-top: calc(var(--ds-bars-top) + 16px); }