/* Local compile of tokens.json (same rules as the Design System page). Regenerate if tokens.json changes. */
:root, [data-theme="light"] { --paper: #ffffff; --paper-2: #f4f4f4; --ink: #000000; --ink-muted: #666666; --rule: #d9d9d9; --cobalt: #052dd2; --on-cobalt: #ffffff; --link: var(--cobalt); --focus: var(--cobalt); }
[data-theme="dark"] { --paper: #000000; --paper-2: #141414; --ink: #ffffff; --ink-muted: #999999; --rule: #333333; --cobalt: #052dd2; --on-cobalt: #ffffff; --link: #8081fd; --focus: #8081fd; }
:root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px; --space-32: 128px; --measure: 640px; --page-max: 1440px; --radius-none: 0px; --radius-full: 9999px; --border-hairline: 1px; --border-focus: 2px; --font-sans: Montserrat, "Helvetica Neue", Arial, sans-serif; --font-mono: "DM Mono", ui-monospace, Menlo, monospace; }
.wordmark { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 300; letter-spacing: 0.12em; }
.wordmark-sm { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 300; letter-spacing: 0.12em; }
.opener { font-family: var(--font-sans); font-size: 48px; line-height: 54px; font-weight: 700; letter-spacing: 0.05em; }
.title { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 600; }
.heading { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: 0.05em; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 32px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.05em; }
.meta { font-family: var(--font-mono); font-size: 12px; line-height: 18px; font-weight: 400; letter-spacing: 0.02em; }
@font-face { font-family: 'Montserrat'; src: url('fonts/montserrat-latin-wght-normal.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('fonts/dm-mono-latin-300-normal.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('fonts/dm-mono-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('fonts/dm-mono-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }