body{--ink: var(--COLOR-INK);--ink-soft: var(--COLOR-INK-SOFT);--ink-faint: var(--COLOR-INK-SOFT);--paper: var(--COLOR-PAPER);--fill: var(--COLOR-SURFACE);--fill-strong: var(--COLOR-ACTIVE);--line: var(--COLOR-LINE);--accent: var(--COLOR-INK);--shadow-2: var(--SHADOW-2);--shape-xs: calc(var(--RADIUS-S) * .6);--shape-sm: var(--RADIUS-S);--space-3xs: 2px;--space-xs: var(--SPACING-S);--space-sm: var(--SPACING-M);--voice-ui: var(--FONT-SYSTEM);--voice-data: var(--FONT-DATA);--type-data: 12.5px;--motion-fast: .15s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--editor-gutter: var(--COLOR-INK-SOFT);--editor-selection: var(--COLOR-ACTIVE);--code-inline: var(--COLOR-SURFACE);--syntax-keyword: var(--SERIES-1);--syntax-function: var(--SERIES-1);--syntax-property: var(--SERIES-1);--syntax-string: var(--SERIES-3);--syntax-number: var(--SERIES-2);--syntax-comment: var(--COLOR-INK-SOFT);--syntax-heading: var(--COLOR-INK);--syntax-link: var(--SERIES-1);--syntax-mark: var(--COLOR-INK-SOFT)}@supports (color: color-mix(in srgb,red 50%,blue)){body{--ink-faint: color-mix(in oklch, var(--COLOR-INK-SOFT) 70%, var(--COLOR-PAPER));--fill-strong: color-mix(in oklch, var(--COLOR-INK) 7%, var(--COLOR-PAPER));--editor-selection: color-mix(in oklch, var(--COLOR-INK) 14%, transparent)}}