/* us.css — GENERATED by packages/tokens/build.mjs from tokens.json. Do not edit; edit tokens.json. Contract us.tokens/v1. Paper is the default ground; night is an explicit act: . The OS preference never chooses a member-visible ground (standing decision 2026-07-31). Every colour below was measured by test/contrast.test.mjs. */ :root { color-scheme: light; --us-ground: #f2f2ef; --us-surface: #fcfcfa; --us-surface-2: #f6f6f3; --us-sunk: #ecece9; --us-line: #d9d9d4; --us-line-2: #c8c8c2; --us-ink: #0f0f0f; --us-ink-2: #68665f; --us-ink-3: #85827a; --us-accent: #2e2d2a; --us-accent-2: #1c1b19; --us-accent-ink: #3a3934; --us-accent-wash: #ededea; --us-accent-line: #d6d6d1; --us-on-accent: #fcfcfa; --us-on-ink: #fcfcfa; --us-ok: #2f5f48; --us-ok-wash: #edf2ee; --us-warn: #9a4a07; --us-warn-wash: #fdf3e3; --us-bad: #b91c1c; --us-bad-wash: #f6ecea; --us-focus: rgba(15,15,15,.55); --us-tint: rgba(15,15,15,.045); --us-tint-2: rgba(15,15,15,.08); --us-glass: rgba(255,255,255,.6); --us-glass-line: rgba(13,13,13,.08); --us-veil: rgba(242,242,239,.92); --us-shadow-1: 0 1px 2px -1px rgba(15,15,15,.07), 0 2px 16px rgba(15,15,15,.035); --us-shadow-2: 0 1px 3px -1px rgba(15,15,15,.08), 0 4px 10px -3px rgba(15,15,15,.06), 0 10px 24px -6px rgba(15,15,15,.05), 0 22px 50px -10px rgba(15,15,15,.045), 0 44px 100px -16px rgba(15,15,15,.04); --us-shadow-3: 0 2px 5px -1.5px rgba(15,15,15,.10), 0 6px 14px -2.5px rgba(15,15,15,.08), 0 14px 33px -4px rgba(15,15,15,.06), 0 30px 72px -6px rgba(15,15,15,.045), 0 64px 150px -10px rgba(15,15,15,.035); --us-sig-invert: invert(1); --us-glass-hl: inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 .5px rgba(255,255,255,.35); --us-glass-dark: rgba(13,13,13,.58); --us-on-glass-dark: #ffffff; --us-scrim: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.518) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.01) 91.9%, rgba(0,0,0,0.0) 100%); --us-shadow-ring: inset 0 0 0 1px rgba(15,15,15,.08), inset 0 0 0 1.5px rgba(255,255,255,.5); --us-r-xs: 8px; --us-r-sm: 12px; --us-r-md: 16px; --us-r-lg: 22px; --us-r-xl: 28px; --us-r-pill: 999px; --us-h-xs: 32px; --us-h-sm: 40px; --us-h-md: 46px; --us-h-lg: 54px; --us-sp-1: 4px; --us-sp-2: 8px; --us-sp-3: 12px; --us-sp-4: 16px; --us-sp-5: 20px; --us-sp-6: 24px; --us-sp-7: 32px; --us-sp-8: 40px; --us-sp-9: 56px; --us-spine: 18px minmax(0,1fr) 74px 58px 28px auto; --us-gut: 20px; --us-measure: 58ch; --us-focus: 560px; --us-stage: 760px; --us-sat: env(safe-area-inset-top,0px); --us-sar: env(safe-area-inset-right,0px); --us-sab: env(safe-area-inset-bottom,0px); --us-sal: env(safe-area-inset-left,0px); --us-glass-blur-thin: 12px; --us-glass-blur-thick: 28px; --us-glass-sat: 1.6; --us-veil-blur: 6px; --us-sans: 'Open Runde', -apple-system, BlinkMacSystemFont, 'SF Pro Rounded', 'SF Pro Text', Inter, system-ui, sans-serif; --us-serif: 'Young Serif', 'Instrument Serif', 'Iowan Old Style', Georgia, serif; --us-mono: 'SF Mono', ui-monospace, Menlo, Consolas, monospace; --us-t-label: 12px; --us-t-small: 13px; --us-t-body: 15px; --us-t-lead: 17px; --us-t-title: 22px; --us-d-sm: 28px; --us-d-md: 36px; --us-d-lg: 48px; --us-d-xl: 64px; --us-t-display: 28px; --us-t-hero: 36px; --us-w-regular: 400; --us-w-medium: 500; --us-w-semibold: 600; --us-tracking: -0.1px; --us-tr-display: -.02em; --us-tr-kicker: .14em; --us-eo: cubic-bezier(.23,1,.32,1); --us-eio: cubic-bezier(.77,0,.175,1); --us-spring: cubic-bezier(.34,1.4,.5,1); --us-press: 120ms; --us-micro: 160ms; --us-dur: 180ms; --us-meso: 280ms; --us-rise: 280ms; --us-slow: 420ms; --us-macro: 600ms; --us-pulse: 1600ms; --us-tick: 1200ms; --us-turn: 800ms; --us-blink: 1000ms; --us-step: 20ms; --us-ring: 0 0 0 2px var(--us-surface), 0 0 0 4px var(--us-focus); } :root[data-theme="dark"] { color-scheme: dark; --us-ground: #141416; --us-surface: #1c1c1f; --us-surface-2: #232326; --us-sunk: #101012; --us-line: rgba(255,255,255,.10); --us-line-2: rgba(255,255,255,.16); --us-ink: #f4f4f1; --us-ink-2: rgba(244,244,241,.72); --us-ink-3: rgba(244,244,241,.55); --us-accent: #e7e5df; --us-accent-2: #ffffff; --us-accent-ink: #d4d1ca; --us-accent-wash: rgba(244,244,241,.08); --us-accent-line: rgba(244,244,241,.22); --us-on-accent: #141416; --us-on-ink: #141416; --us-ok: #7ad68c; --us-ok-wash: rgba(122,214,140,.12); --us-warn: #f0c26a; --us-warn-wash: rgba(240,194,106,.12); --us-bad: #ff8a7e; --us-bad-wash: rgba(255,138,126,.12); --us-focus: rgba(244,244,241,.6); --us-tint: rgba(255,255,255,.06); --us-tint-2: rgba(255,255,255,.10); --us-glass: rgba(28,28,33,.66); --us-glass-line: rgba(255,255,255,.09); --us-veil: rgba(20,20,22,.92); --us-shadow-1: 0 1px 2px -1px rgba(0,0,0,.5), 0 2px 16px rgba(0,0,0,.28); --us-shadow-2: 0 1px 3px -1px rgba(0,0,0,.5), 0 4px 10px -3px rgba(0,0,0,.42), 0 10px 24px -6px rgba(0,0,0,.36), 0 22px 50px -10px rgba(0,0,0,.32), 0 44px 100px -16px rgba(0,0,0,.3); --us-shadow-3: 0 2px 5px -1.5px rgba(0,0,0,.55), 0 6px 14px -2.5px rgba(0,0,0,.46), 0 14px 33px -4px rgba(0,0,0,.4), 0 30px 72px -6px rgba(0,0,0,.36), 0 64px 150px -10px rgba(0,0,0,.34); --us-sig-invert: none; --us-glass-hl: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 .5px rgba(255,255,255,.08); --us-glass-dark: rgba(8,8,10,.66); --us-on-glass-dark: #ffffff; --us-scrim: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.518) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.01) 91.9%, rgba(0,0,0,0.0) 100%); --us-shadow-ring: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.06); } @media (prefers-reduced-motion: reduce) { :root { --us-press: 1ms; --us-micro: 1ms; --us-dur: 1ms; --us-meso: 1ms; --us-rise: 1ms; --us-slow: 1ms; --us-macro: 1ms; --us-pulse: 1ms; --us-tick: 1ms; --us-turn: 1ms; --us-blink: 1ms; --us-step: 1ms; } } :root[data-motion="off"] { --us-press: 1ms; --us-micro: 1ms; --us-dur: 1ms; --us-meso: 1ms; --us-rise: 1ms; --us-slow: 1ms; --us-macro: 1ms; --us-pulse: 1ms; --us-tick: 1ms; --us-turn: 1ms; --us-blink: 1ms; --us-step: 1ms; } @media print { :root { color-scheme: light; --us-ground: #f2f2ef; --us-surface: #fcfcfa; --us-surface-2: #f6f6f3; --us-sunk: #ecece9; --us-line: #d9d9d4; --us-line-2: #c8c8c2; --us-ink: #0f0f0f; --us-ink-2: #68665f; --us-ink-3: #85827a; --us-accent: #2e2d2a; --us-accent-2: #1c1b19; --us-accent-ink: #3a3934; --us-accent-wash: #ededea; --us-accent-line: #d6d6d1; --us-on-accent: #fcfcfa; --us-on-ink: #fcfcfa; --us-ok: #2f5f48; --us-ok-wash: #edf2ee; --us-warn: #9a4a07; --us-warn-wash: #fdf3e3; --us-bad: #b91c1c; --us-bad-wash: #f6ecea; --us-focus: rgba(15,15,15,.55); --us-tint: rgba(15,15,15,.045); --us-tint-2: rgba(15,15,15,.08); --us-glass: rgba(255,255,255,.6); --us-glass-line: rgba(13,13,13,.08); --us-veil: rgba(242,242,239,.92); --us-shadow-1: 0 1px 2px -1px rgba(15,15,15,.07), 0 2px 16px rgba(15,15,15,.035); --us-shadow-2: 0 1px 3px -1px rgba(15,15,15,.08), 0 4px 10px -3px rgba(15,15,15,.06), 0 10px 24px -6px rgba(15,15,15,.05), 0 22px 50px -10px rgba(15,15,15,.045), 0 44px 100px -16px rgba(15,15,15,.04); --us-shadow-3: 0 2px 5px -1.5px rgba(15,15,15,.10), 0 6px 14px -2.5px rgba(15,15,15,.08), 0 14px 33px -4px rgba(15,15,15,.06), 0 30px 72px -6px rgba(15,15,15,.045), 0 64px 150px -10px rgba(15,15,15,.035); --us-sig-invert: invert(1); --us-glass-hl: inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 .5px rgba(255,255,255,.35); --us-glass-dark: rgba(13,13,13,.58); --us-on-glass-dark: #ffffff; --us-scrim: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.518) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.01) 91.9%, rgba(0,0,0,0.0) 100%); --us-shadow-ring: inset 0 0 0 1px rgba(15,15,15,.08), inset 0 0 0 1.5px rgba(255,255,255,.5); } }