:root{--palette-white: #ffffff;--palette-stone-50: #f6f7f4;--palette-stone-100: #ebeee7;--palette-ink-400: #7f8a7b;--palette-ink-500: #6f7a6b;--palette-ink-600: #55604f;--palette-ink-900: #171b14;--palette-rind-100: #dcebe0;--palette-rind-600: #2c6b45;--palette-rind-800: #16512f;--palette-rind-900: #11412a;--palette-flesh-100: #fbe3e9;--palette-flesh-600: #b11f47;--palette-flesh-700: #97173a;--palette-slate-800: #2c3129;--palette-shadow-soft: rgba(23, 27, 20, .08);--palette-shadow-firm: rgba(23, 27, 20, .14)}:root{--type-family-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--type-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--type-size-min: 13px;--type-size-table: 13px;--type-size-label: 13px;--type-size-body: 14px;--type-size-subhead: 16px;--type-size-title: 20px;--type-size-display: 28px;--type-line-table: 20px;--type-line-label: 16px;--type-line-body: 20px;--type-line-subhead: 24px;--type-line-title: 28px;--type-line-display: 36px;--type-weight-regular: 400;--type-weight-medium: 500;--type-weight-semibold: 600;--type-tracking-tight: -.01em;--type-tracking-normal: 0;--type-tracking-wide: .04em;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px;--elevation-flat: none;--elevation-raised: 0 1px 2px var(--color-shadow-soft);--elevation-overlay: 0 4px 12px var(--color-shadow-firm);--elevation-popover: 0 12px 32px var(--color-shadow-firm);--border-width-hairline: 1px;--border-width-thick: 2px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--motion-duration-max: .2s;--motion-duration-instant: 80ms;--motion-duration-quick: .12s;--motion-duration-settle: .2s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-enter: cubic-bezier(0, 0, 0, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1)}:root,[data-theme=day]{--color-surface-page: var(--palette-stone-50);--color-surface-raised: var(--palette-white);--color-surface-sunken: var(--palette-stone-100);--color-surface-quiet: var(--palette-rind-100);--color-surface-primary: var(--palette-rind-900);--color-surface-destructive-reversible: var(--palette-flesh-600);--color-surface-destructive-soft: var(--palette-flesh-100);--color-surface-destructive-permanent: var(--palette-slate-800);--color-text-body-on-page: var(--palette-ink-900);--color-text-heading-on-page: var(--palette-ink-900);--color-text-muted-on-page: var(--palette-ink-600);--color-text-primary-on-page: var(--palette-rind-900);--color-text-body-on-raised: var(--palette-ink-900);--color-text-muted-on-raised: var(--palette-ink-600);--color-text-body-on-sunken: var(--palette-ink-900);--color-text-muted-on-sunken: var(--palette-ink-600);--color-text-body-on-quiet: var(--palette-rind-800);--color-text-inverse-on-primary: var(--palette-white);--color-text-destructive-reversible-on-page: var(--palette-flesh-700);--color-text-inverse-on-destructive-reversible: var(--palette-white);--color-text-destructive-reversible-on-destructive-soft: var(--palette-flesh-700);--color-text-destructive-permanent-on-page: var(--palette-slate-800);--color-text-inverse-on-destructive-permanent: var(--palette-white);--color-stripe-draft: var(--palette-flesh-600);--color-shadow-soft: var(--palette-shadow-soft);--color-shadow-firm: var(--palette-shadow-firm);--border-line-on-page: var(--palette-ink-400);--border-line-on-raised: var(--palette-ink-400);--border-strong-on-page: var(--palette-ink-600);--border-divider-on-page: var(--palette-ink-500);--border-divider-on-raised: var(--palette-ink-500);--focus-ring-on-page: var(--palette-rind-600);--focus-ring-on-raised: var(--palette-rind-600)}body{margin:0}.ds-page{box-sizing:border-box;min-height:100vh;margin:0;padding:var(--space-3xl) var(--space-xl);font-family:var(--type-family-sans);font-size:var(--type-size-body);line-height:var(--type-line-body);color:var(--color-text-body-on-page);background-color:var(--color-surface-page)}.ds-page h1{margin:0 0 var(--space-sm);font-size:var(--type-size-display);line-height:var(--type-line-display);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-tight);color:var(--color-text-heading-on-page)}.ds-page p{margin:0;max-width:60ch;color:var(--color-text-muted-on-page)}.ds-page :focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-on-page);outline-offset:var(--focus-ring-offset)}.gallery{max-width:68rem;margin:0 auto;padding-bottom:var(--space-3xl)}.gallery-header{padding-bottom:var(--space-xl);border-bottom:var(--border-width-hairline) solid var(--border-divider-on-page)}.gallery-count{margin-top:var(--space-md);font-family:var(--type-family-mono);font-size:var(--type-size-label);line-height:var(--type-line-label);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;color:var(--color-text-muted-on-page)}.gallery-family{margin-top:var(--space-2xl)}.gallery-family-head{margin-bottom:var(--space-md)}.gallery-family h2{margin:0;font-size:var(--type-size-title);line-height:var(--type-line-title);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-tight);color:var(--color-text-heading-on-page)}.gallery-blurb{margin:var(--space-3xs) 0 0;max-width:62ch;font-size:var(--type-size-body);line-height:var(--type-line-body);color:var(--color-text-muted-on-page)}.gallery-tokens{margin:0;padding:0;list-style:none;background:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-md);box-shadow:var(--elevation-raised);overflow:hidden}.gallery-token{display:grid;grid-template-columns:minmax(13rem,17rem) minmax(9rem,13rem) minmax(0,1fr);align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-md);border-top:var(--border-width-hairline) solid var(--border-divider-on-raised)}.gallery-token:first-child{border-top:0}.gallery-token-name,.gallery-token-value{font-family:var(--type-family-mono);font-size:var(--type-size-table);line-height:var(--type-line-table);overflow-wrap:anywhere}.gallery-token-name{color:var(--color-text-body-on-raised);font-weight:var(--type-weight-medium)}.gallery-token-value{color:var(--color-text-muted-on-raised)}.gallery-token-sample{display:flex;align-items:center;min-width:0}.gallery-swatch{display:block;width:6rem;height:var(--space-2xl);border:var(--border-width-hairline) solid var(--border-line-on-raised);border-radius:var(--radius-sm)}.gallery-text-pair{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border:var(--border-width-hairline) solid var(--border-line-on-raised);border-radius:var(--radius-sm);font-size:var(--type-size-body);line-height:var(--type-line-body)}.gallery-line-pair{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-body-on-page)}.gallery-line{display:block;width:var(--space-3xl);border-top:var(--border-width-hairline) solid var(--border-line-on-raised)}.gallery-boxed{padding:var(--space-3xs) var(--space-xs);border:var(--border-width-hairline) solid var(--border-line-on-raised);border-radius:var(--radius-sm);font-size:var(--type-size-table);line-height:var(--type-line-table)}.gallery-ringed{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-body-on-raised);font-size:var(--type-size-table);line-height:var(--type-line-table);outline:var(--focus-ring-width) solid var(--focus-ring-on-raised);outline-offset:var(--focus-ring-offset)}.gallery-type{display:block;color:var(--color-text-body-on-raised)}.gallery-gap{display:inline-flex;padding:var(--space-3xs);background:var(--color-surface-sunken);border-radius:var(--radius-xs)}.gallery-gap-block{display:block;width:var(--space-xl);height:var(--space-xl);background:var(--color-surface-primary);border-radius:var(--radius-xs)}.gallery-radius{display:block;width:var(--space-3xl);height:var(--space-3xl);background:var(--color-surface-quiet);border:var(--border-width-thick) solid var(--border-strong-on-page)}.gallery-elevation-stage{display:inline-flex;padding:var(--space-md) var(--space-xl);background:var(--color-surface-page);border-radius:var(--radius-sm)}.gallery-elevation{display:block;width:7rem;height:var(--space-2xl);background:var(--color-surface-raised);border-radius:var(--radius-md)}.gallery-track{display:block;width:12rem;padding:var(--space-3xs);background:var(--color-surface-sunken);border-radius:var(--radius-pill)}.gallery-mover{display:block;width:var(--space-lg);height:var(--space-lg);background:var(--color-surface-primary);border-radius:var(--radius-pill);animation-name:gallery-travel;animation-duration:var(--motion-duration-settle);animation-timing-function:var(--motion-ease-standard);animation-iteration-count:infinite;animation-direction:alternate}@keyframes gallery-travel{0%{transform:translate(0)}to{transform:translate(10.5rem)}}@media(max-width:52rem){.gallery-token{grid-template-columns:1fr;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md)}}